• 0
Sign in to follow this  
Followers 0

Nav Menu Hover Text Color!

Question

Posted · Report post

OMG! I love Pagelines PlatformPro, but please in future releases have ALL normal CSS elements customisable in admin. I want to change the Nav Menu Hover Text Color. It could be simple, but I've had to change every color I could find, as in the default theme, they are all so close. Perhaps in a future release there could be different color themes pre-set? But anyway, what about helping me with the nav menu hover color lol. I want it to be a blue color!

Share this post


Link to post
Share on other sites

15 answers to this question

  • 0

Posted · Report post

Oh, and the nav menu hover background colour! Thanks people. :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You can use this Custom CSS (added to the Custom Area or the base.css file):

ul#menu-nav li.page_item a:hover {color: #YOURTBLUE;}
	ul#menu-nav li.page_item a:hover {background-color: #COLOR;}

Change the hex codes to whatever you want.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, Sorry, neither of those work in Custom CSS.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Do you have the child theme activated?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Not at the moment. I can install it now and try again...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you. That is now sorted. :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ah... This worked when I swapped to base theme, as it changed to the standard wordpress menu. Now I have changed to a custom wp menu, it's gone back to black hover text and grey hover background.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you post a link to your site?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Add this code instead of the other one I gave you:

ul#menu-menu li.menu-item a:hover {color: #YOURBLUE;}
	ul#menu-menu li.menu-item a:hover {background-color: #COLOR;}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'm afraid that didn't work either. I have now changed the menu name from "menu" to "Thrippets" in case it was having a menu called menu that was causing problems or confusing us. What should I try now? Thanks for the help BTW!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK Got it! Thanks for the pointers!

ul#menu-thrippets li.menu-item-object-page a:hover {color: #46B5FC; background-color: #DDE404;}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Catrina, your first answer saved me some time messing around =]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks. That helped me too.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0