change font color when hovering
URL to the page in question:
http://greggriffin.net
-
Hi Bill,
Is there a shortcode to get part of text in a widget to change color when hovering? I’ve already set up the hyperlinks, and they are working smoothly.
Hey Greg,
I believe to set a hover color for the sidebar, we’ll have to add that via some custom CSS. Here’s how:
- Go to the Theme Options page and select the Advanced tab.
- Scroll down to the Custom CSS box and paste this:
#sidebar a:hover {
color: #adb45d;
}
- Update your settings.
Just change the #adb45d to the color you’d like to have it hovering with and that should do the trick.
Have a great week,
Bill
That did it! Bill, your theme, expertise, and prompt support is outstanding. Please allow me to help spread the good word about your work. I’ll be happy for you to quote any of my comments, or to write a short 5 star review.
Is there a similar short code I can add to change the color of the social media icons when hovering? Working on the really fine details at this point…. thanks so very much.
Thanks Greg…I do try to be helpful 🙂
Let’s change the snippet from earlier so it doesn’t affect the navigation too:
#sidebar .widget a:hover {
color: #adb45d;
}
That should leave the menu colors alone.
You can change the social icons color. In the theme options page, they are located at the bottom of the “Buttons” tab or in the customizer, there is a section for social icons where you can set their colors.
Have a great night,
Bill
- The topic ‘change font color when hovering’ is closed to new replies.