Jump to content
Sign in to follow this  
thrippets

Nav Menu Hover Text Color!

Recommended Posts

thrippets    0
thrippets

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
thrippets    0
thrippets

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

Share this post


Link to post
Share on other sites
catrina    103
catrina

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.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
thrippets    0
thrippets

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

Share this post


Link to post
Share on other sites
thrippets    0
thrippets

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

Share this post


Link to post
Share on other sites
thrippets    0
thrippets

Thank you. That is now sorted. :)

Share this post


Link to post
Share on other sites
thrippets    0
thrippets

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
catrina    103
catrina

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;}


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
thrippets    0
thrippets

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
thrippets    0
thrippets

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
bink    0
bink

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

Share this post


Link to post
Share on other sites
alanslingsby+    0
alanslingsby

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  

×