Need help? Check out our Support site, then


Link Color Not Changing

  1. I am using the Twenty Twelve theme with CSS, color, and font upgrades. I previously changed successfully the links to be red with a blue hover. However, on my most recent post, http://interruptingthesilence.com/2013/03/04/tyrants-act-and-towers-fall-choose-life-luke-131-9/, two links (an image caption and one at the end) are gray and do not change color when hovering on them. How may I fix this?

    Thank you for your assistance.
    Mike

    The blog I need help with is interruptingthesilence.com.

  2. Hello! my fonts blog is also turn grey! all the links that people have pressed on is going light grey. my hoovercolor is pink still. its really annoying.
    WTD?

  3. i checked your blog and we have the same problem i see. Can anyone help us?

    http://superjanne.me

  4. It sounds like what happened is you never changed the color for visited links.

    Try adding something like this to your Appearance → Custom Design → CSS editor:

    .entry-content a:visited,
    .comment-content a:visited {
    	color: #7F0007;
    }
  5. Here is some additional information about pseudo classes like :visited in case you're interested:
    http://www.htmldog.com/guides/cssintermediate/pseudoclasses/

  6. Aha, I discovered that a change was made to the core theme which affected the visited link color in Twenty Twelve. That means you do need to add the CSS example I posted earlier if you want the visited links color not to be gray.

    Also see http://en.forums.wordpress.com/topic/fontcolor-is-gone-light-grey?replies=5#post-1170729

  7. designsimply, you have once again been very helpful. Thank you. I still have a few more questions:

    1) What is your preference/suggestions as to whether visited links should change color? Is gray the best color?
    2) The visited links in the post do not change color when hovering but the visited links in the widgets do. How do I return the hover function in the post?
    3) Do visited links ever "reset" and return to the original color.

    Thank you for your time and patience.

    Mike

  8. 1) What is your preference/suggestions as to whether visited links should change color? Is gray the best color?

    Seems to me that will depend on the goal of the site. If you want the links to blend in better with the text once a user has visited, then gray works well. If you're prefer to make sure links always stand out really well so your readers can click through to the content, then you might want to emphasize the links more by keeping the visited link color unique.

    Personally, I like making the links stand out a little more, but that's really just my personal preference.

  9. 2) The visited links in the post do not change color when hovering but the visited links in the widgets do. How do I return the hover function in the post?

    Probably because of the order your CSS rules ended up with. When you add rules, make sure to add all of the pseudo classes you'd like to affect, and then make sure you add them in the order noted here in your custom CSS:
    http://www.456bereastreet.com/archive/200811/the_order_of_link_pseudo-classes_matters/

  10. 3) Do visited links ever "reset" and return to the original color.

    Sort of. The "visited" designation comes from your browser history. If you clear browser history/cache, then the links will return to being "unvisited."

  11. Thank you. Your answers and suggestions have been very helpful. I think I now have it back to the way I wanted. Here is the code I used:

    .entry-content a:link,
    .comment-content a:link,
    .widget-area .widget a:link {
    color: #7F000a;
    }

    .entry-content a:visited,
    .comment-content a:visited,
    .widget-area .widget a:visited {
    color: #7F000a;
    }

    .entry-content a:hover,
    .comment-content a:hover,
    .widget-area .widget a:hover {
    color: #1b47e8;
    }

    The color upgrade does not offer a visited link option. As you explained, the core theme made gray the default visited link color. So am I correct that I will from now on need to customize colors through CSS and not the color upgrade?

    I apologize for my many questions and taking up your time. I appreciate your help. Thank you.

    Mike

  12. So am I correct that I will from now on need to customize colors through CSS and not the color upgrade?

    Saying that would be too general. Each theme is unique and each one has a color profile setup by a designer to determine which colors are changed by the color rules. Some themes color profile may include the visited links and some may not. It's a design decision made separately for each theme. Regarding the visited links for the Twenty Twelve theme specifically, you do need to use the CSS upgrade if you want to change the color of visited links because the color profile that is used by the custom colors feature doesn't affect visited link color.

    Also, your questions are good questions, so it's good that you posted them. Please don't feel like they're taking up too much time.

  13. Thank you so much. You have been very helpful and taught me a lot.

  14. No problem!

Topic Closed

This topic has been closed to new replies.

About this Topic