Hyperlink Color

  • Unknown's avatar

    I’ve been trying to figure out how to change the font color that appears when I put a hyperlink into the blog. I would like a more vibrant blue than comes up in the theme colors. I put the blue I want into the “customize” and “color” area under “link” but nothing changed, and I haven’t been able to figure out how to do it otherwise. Please assist by changing the color and also let me know how it is done for any future changes! Thanks!

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

  • Howdy,

    Our Customizer tries to ensure that text is always well visible for those with various sight difficulties, so that is likely what is preventing the color from taking effect. The system isn’t perfect, so we can still override it.

    If you can tell what color you would like, we can add the following CSS in the CSS panel (the last option in the Customize system):

    a, a:visited {
    	color: #0822e7;
    }

    You can replace the #0822e7 with the color of your choice using the hex color from a site like http://www.colorpicker.com/

    Adding in the CSS overrides the color selection system, so any future change to that particular color would need to be made there (or the CSS removed to undo the override).

    If you have any questions or need anything else, please let me know. Cheers!

  • Unknown's avatar

    This worked to change the hyperlink color… but it also changed the title and every link in the side menu. Is there a way to change those back and only have the hyperlink color adjusted.

  • Hi,

    If you’re wanting to change only the links in the content of your site, you can be more specific in the rule.

    For example, instead of what was provided above, try this:

    .entry-content a, .entry-content a:visited {
    color: #0822e7;
    }

    Hope you had a great weekend!

  • The topic ‘Hyperlink Color’ is closed to new replies.