gigusx

I see, would you mind guiding me towards an article/tutorial on how to implement it? That’d be very helpful! I’ll also look for one myself as well.

Thanks!

• This reply was modified 8 years, 3 months ago by gigusx.

I see that you went for this option;
html #menu-item-81 a {
background-color: #eb232f;
color: #fff !important;
}
In that case you don’t need the additional selector of “html” because the ID dominates.
https://developer.mozilla.org/en/docs/Web/CSS/Specificity

I’ve changed it like 15 minutes ago and without “!important”, I’ve had this for like an hour earlier today (!important and without the “html” selector) and it didn’t work then. Do you guys think this could be the W3 Total Cache’s issue? I’ve haven’t had problems with it before and the plugin is recommended everywhere.

It works with inspect element in chrome https://prntscr.com/c0ngdp

It didn’t work for me in inspect but it does work now! It actually took a while to show up.

Thanks guys! I didn’t know that adding “html” to the code can help override things like this.

By the way, I accidentally posted ‘#222’ as the colour in my recommendation. You can change that.

Yeah, I wasn’t gonna argue so I just tested both of them, the one with the correct color didn’t show up on page within the first minute and I changed it =p

Thanks again guys, really appreciate this!

Yep, the Custom CSS plugin that you’re using.

I did try that, didn’t change anything ??

Have you cleared the cache after changing the css code?

Yes, I cleared it every time! Also testing sometimes with ‘inspect’ option in chrome to try and see how the text reacts to code in real time but nothing seems to work

Do I just put this in CSS?
The color code you gave me is what I’m trying to change, what I meant is to override the .genesis-nav-menu with the first code(#menu-item-81).

I’ve tried it like this:

html #menu-item-81 a {
  background-color: #eb232f;
  	color: #fff !important;
}

and

html #menu-item-81, genesis-nav-menu-li a {
  background-color: #eb232f;
  	color: #fff !important;
}

With and without the !important, unfortunately they didn’t help.

I did some research before posting, but thanks anyway.
Thanks to your link I’ve stumbled upon an interesting plugin (TinyIP) so maybe that’s something I’ll try, I also installed WP Bouncer, not ideal but better than nothing.

If anyone knows something that might help it’ll be appreciated! Until then I’ll just give people no reason to create more accounts, while looking for another solution.