- Posts
Hi,
I’m using Crio and I’m having trouble changing the font characteristics when I hover the mouse over the button. I’ve set a text colour and background colour, but when I hover over a second main menu item the background colour changes as expected, but the text colour does too, which I don’t want. I can’t seem to find where to control the text colour on hover. Is this possible and if not can you suggest some CSS please.
Many thanksHi Paul,
Thanks for reaching out and thanks for using Crio Pro WordPress theme!
If you just want to change the hover color of your menu items you can navigate from your dashboard to Customize<<Design<<Menus<<Main Menu<<Menu Items<<Hover Style and select the “Primary Color” from the color palette.
I hope this helps. I tried viewing your site through the URL you sent us to give you a more direct suggestion but I see you require certain permissions for access. Let us know if you need any further assistance.
Paul I apologize that functionality only effects the Menu links hover style. I actually don’t see a control for menu item hover there so we’ll use some custom CSS to change it. For example if you wanted to change the menu link hover color to red you could use:
#main-wrap a:hover { color: red; }Add that bit of CSS in the Customizer using the CSS/JS Editor tab. I hope this works for you!
Hi Brandon,
Many thanks for looking into this.
I’ve dropped the CSS where you suggested and saved the change. Unfortunately it doesn’t seem to have made any difference.
As I hover over the main menu I can control the colour of the box around the menu item (currently black) and the text is currently blue. What I’m trying to achieve is a blue box and a grey text.
I’ve currently got location blocking on so I’ll add the US so you can access the site; sorry an oversight on my part.
Also I’ve noticed that if you opt for a Custom Title the Design>Menues>Main Menu option disappears. I guess I’ll have to do the design changes first and then configure my Custom Menu layout.
Many thanks
Paul
Hi Paul,
Thank you for allowing us access to your site. I was able to inspect the CSS and I think this bit should work to change your the color of your menu items to grey on hover:
.site-header a:hover { color: #a9a9a9 !important; }As far as the Main Menu option disappearing, do you mean it disappears when you enable “Custom Page Headers” to your Customizer? You might want to navigate to Customize<<Menus<<Main and make sure the menu is still enabled there in the location you want it to display.
Hi Brandon,
Many thanks for the quick response. The code you have provided has worked perfectly.
It’s great to get such good technical support.
Kind regards
Paul
- The topic ‘How Do I Change Main Menu Text Color on hover in Crio WordPress Theme?’ is closed to new replies.
