How to Change Hover Color

  • Hello- I have formatted most of my links so the hover is as green, but I am trying to make it consistent across my site however I can’t find the CSS to update and am not sure where to add it.

    I am looking for any guidance as to how I would change the hover text of:

    -‘watch two minute overview’ button on homepage
    -‘learn more’ buttons on homepage
    -various links on homepage and throughout site are orange
    -footer links
    -the ‘more’ icon text at the bottom of the pages
    -contact us button on sidebar widget

    https://blacksnowmedia.com/soc/about-us/
    https://blacksnowmedia.com/soc/

    I realize this is an optimistic list, but I have to start somewhere and any help is appreciated- thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi

    Please try under Appearance > Custom CSS:

    /* Links */

#main a { color: #dd3333; }
#main a:hover { color: #2b1100; }

    That’ll cover everything in the body of the page.

    For the footer try:

    #colophon .widget_nav_menu li a:hover {
color: white !important;
}
    Thread Starter mrme123

    (@mrme123)

    Thanks- it worked perfectly! Do you know if/ how I could make the ‘follow us’ links hover to duplicate the hover trait that they have in the footer?

    The footer social links are created with CSS so it’s easy to make the circle background color white on hover. The sidebar ones use images so you’d need separate images for hover, a lot more work. Perhaps use the same widget again in the sidebar that you’re using in the footer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Change Hover Color’ is closed to new replies.