How to change hyperlinks font colour

  • Just wondering if it’s easy to change the colour of hyperlinks in posts, please? Is this something that is done by altering the CSS in the Stylesheet (Editing style.css)?

    If so, what do I look for in order to change the font colour of links, pls? (I don’t know any CSS, but I figure if I know what item to look for, once I identify it, I can then work out how to change the link font colour).

    Once the CSS is changed, do all current posts take on that change, or will it only apply to future posts? (See – told ya I don’t know CSS!).

    Cheers
    Ross

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

  • This will depend on your theme however most themes will contain a ‘posts’ class which all post are contained within. Therefore if you add the following code to the bottom of your themes style.css file it will allow you to change the colour.

    .post a {
  color: #000000;
  text-decoration: none;
}

    This will make all links black text with no underline. To change the black to another colour replace the hex code above with the hex code of the color you want. To style what happens when you hover over post links use the following:

    .post a:hover {
  color: #006600;
  text-decoration: underline;
}

    This would make links turn green and underline on hover. Again change the hex code to the required colour.

    Thread Starter RossB

    (@rossb)

    Thanks equaldesign. Have been flat out and had no chance to check back for replies until now. Will follow up on your advice and get back with results.

    Cheers!
    Ross

    Thread Starter RossB

    (@rossb)

    Just tried it – works a treat! Thanks a lot, equaldesign.

    stuka

    (@stuka)

    I’ve done it and yet, nothing happens.

    What am I doing wrong? I’ve added the code (changing the color to #FF6600 (orange)) and nothing’s changed. I just typed it at the bottom of the file style.css

    Here is my website: https://www.mmoplayers.com.br

    Michael

    (@alchymyth)

    very close to the beginning:
    a{color:#807D7A;}

    just to see all linked wordes in orange, try and change it to this:

    a{color:#fc0!important;}

    the !important forces the style on all links.

    (however, if this is to much, and you want to be more specific, you have to scroll through style.css and check every of the many more linked elements.)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change hyperlinks font colour’ is closed to new replies.