Support » Themes and Templates » Blue Hover Links

  • I just recently installed a new theme Fashionistas and so far it’s working great. The only issue I’m having is the hover links still being blue. I’ve tried to go into my Style CSS and change it but I find nothing is working and at this point I don’t want to mess anything up as my site is currently running.

    How can I change the blue hover links/links that are blue all together.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Can you post your website link here?

    goldlabl.com

    You need to make couple of color changes in style.css file
    Menu: On line 456
    #main-navigation li a:hover,
    #main-navigation li.sfHover > a,
    #main-navigation li.current_page_item > a,
    #main-navigation li.current-menu-item > a,
    #main-navigation li.current-menu-parent > a,
    #main-navigation li.current-page-parent > a,
    #main-navigation li.current-page-ancestor > a,
    #main-navigation li.current_page_ancestor > a {
    color: #1fa0ae;
    }

    Post titles: Line 607
    .entry-title a:hover {
    color: #1fa0ae;
    }

    Another easy way to do is, Search for #1fa0ae and if you see it applied to :hover then change it.

    Good luck.

    Moderator stephencottontail

    (@stephencottontail)

    If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and put:

    #main-navigation li a:hover,
    #main-navigation li.sfHover > a,
    #main-navigation li.current_page_item > a,
    #main-navigation li.current-menu-item > a,
    #main-navigation li.current-menu-parent > a,
    #main-navigation li.current-page-parent > a,
    #main-navigation li.current-page-ancestor > a,
    #main-navigation li.current_page_ancestor > a {
      color: #000;
    }
    
    .entry-title a:hover {
      color: #000;
    }

    Awesome thank you! I’ll let you know when it’s all done!

    Okay now, I’ve gotten my links to be black like I wanted to… My widgets in my sidebar still have the blue hover, I was going to try something similar to what I just did except I’m not sure which widget is which in the css area.

    Thanks again in advance for both of your help! xo

    Moderator stephencottontail

    (@stephencottontail)

    You can catch all links within the sidebar with this code:

    #widget-area-2 a:hover {
    	color: #000;
    }

    Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Blue Hover Links’ is closed to new replies.