[Joshua]

Hey there,

I’m using using a child theme with Simple Catch Pro and trying to use the custom css tool but not all of the code I am adding is taking any effect. I have been playing around with it for a while and updated everything so I am not sure what I am doing wrong. Some of the code I have used has worked but only on a few rare occasions.

Specifically I am tring to centre the menu text using this code:
`.menu.catchresponsive-nav-menu, #menumain {
float: none;
text-align: center;
width: 100%;
}
.catchresponsive-nav-menu li { float: none; }

How do I fix my custom css or use it properly in the first place when entering multiple lines of code for different customizations?

My site is http://www.roamingjosh.org/

Thanks for your time!

[Pratik]

Hi @Joshua,
To centre the menu, please remove that Custom CSS from “Appearance=> Theme Options=> Custom CSS” and add the following code:

#access {
    text-align: center;
}

#access ul li {
    display: inline-block;
    float: none;
    margin-bottom: -7px;
    margin-left:-4px;
}

#access ul li li {
    display: block;
    float: left;
    text-align: left;
    margin-bottom: -1px;
    margin-left:0;
}

You have used custom CSS for Catch Responsive theme. The custom CSS for every theme is different. So you need to check each theme’s HTML structure carefully before adding them in.

Let me know if this solves your issue.

[Joshua]

Thanks! That all works fine now!

Thanks for your time! 🙂

[Author]

Posts