How can I change the color of my links in the twenty twelve theme?

  • Unknown's avatar
    eleanorannhancock · Member ·

    The links on my blog are a very light grey and I find them difficult to read (there is some variability in color on the first front page widget area that I would like to correct, once I’ve got a color elsewhere that I’m satisfied with). Basically, I’m not too picky what color the links are as long as they match the current color scheme show up clearly against the white background. If you look at the “Themes and Resources” page, you’ll see how its problematic (most of the text is a light grey, and hard to read … at least in my opinion).

    I have custom CSS. I found some code on the forum, but it was for a different theme and didn’t work. Could support staff supply code that I can insert to change the color? I know how to change the color of whatever code you supply, I just need the code for the custom style sheet page.

    Thanks so much!

    The blog I need help with is: (visible only to logged in users)

  • kathrynwp · Staff ·

    Hi there – you can try adding this code under Appearance > Custom Design. Click the CSS tab and add this completely below the existing code: 

    .entry-content a:link, .widget a:link {
color: #2248a2 !important;
}

    Click Save when you’re done.

    You can change the colour code to whatever colour you prefer. This will change the link colour in your posts, pages, and widgets.

    If you need further CSS help, please post in our CSS Customization forum.

  • Unknown's avatar
    eleanorannhancock · Member ·

    Hi, thanks for supplying the code.

    I’m realizing the issue I’m having is actually with the color the link turns after it has been used – the initial color is great (I do think its darker with the code you supplied), but as soon as I’ve used a link it is forever after the very light grey … can you supply code that will allow me to customize the color the link turns after its used??

    :)

  • kathrynwp · Staff ·

    Sure, that would be

    .entry-content a:visited, .widget a:visited {
color: #2248a2 !important;
}

    You might want to explore some basic CSS tutorials – here are some resources:

    http://en.support.wordpress.com/custom-design/custom-css/
    http://en.support.wordpress.com/custom-design/css-basics/

  • Unknown's avatar
    eleanorannhancock · Member ·

    Great, thanks!

    I will look at the tutorials (I have done the w3schools tutorial, but its hard to find something so specific when starting at such a basic level …)

  • The topic ‘How can I change the color of my links in the twenty twelve theme?’ is closed to new replies.