How to customise font colors

You don’t need to find which file the rule belongs in. You’ve already seen what the existing rule is by using inspect element, so all you need to do is add your own overriding rule to the custom CSS option. Go to Appearance → Theme Options and make sure the General Settings tab is active. Scroll all the way down to the bottom, and in the field labeled Enter your custom CSS styles, copy & paste this rule:

.menucontainer a {
   color: #ff0000;
}

This will turn the menu text a red color. To choose a different color, use this color picker.

Hi,

Thanks so much for your reply. Unfortunately the straightforward CSS actions don’t seem to work with this issue. I’ve tried this already and it changes the entirety of the menu, including font and border edging immediately above it.

For reference, the theme is live on my site @ rov inoc dot co dot uk. Within the theme CSS, the various areas of the site are grouped under named colors, followed by the instruction as it were. I’m familiar with CSS to a degree but haven’t come across it the way it is for this theme before.

Any further help would be much appreciated.

Thanks in advance

M

It appears that you’ve already found an answer? I see this rule in your custom CSS that turns the menu font color black:

.menutop li a {
   color: #000000;
}

Hi there,
Thanks again for your reply. I really appreciate your help.

Yes I tried this but it also changes the bit above the font the same colour. Wanting to keep the top border part orange and change the font black only. Is this possible?

I see the bit of the border which indicates the current page is still orange. Are you referring to the thin line at the top of the menu? It’s gray by default, the custom CSS didn’t change it to gray. But you can change it to orange by adding this rule:

.menutop {
   border-color: #ff7200;
}

Hi, it appears you were right about finding the answer. It just wouldn’t show in my browser. Thanks so much again for taking the time to respond. M