• Is it possible to change the color of the links? They stay the color of the text, and I’d like to changed them to a different color. It also underlines my links (how can I get rid of that?) Site: chibird.com

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hey there! ??

    Look for this code block in your style.css and change the color value:

    a {
        outline:none;
        text-decoration:none;
    color: #CC0068;
    }

    To make the underline go away, you will need to add in CSS code that will specify to remove it. Something like:

    a:hover { text-decoration: none; }

    Thread Starter pidoof

    (@pidoof)

    Thank you for your help, but I added in that color part myself, without any success. ):

    I have the same problem! I am trying to change the color of the links but can’t seem to change. They currently appear the same color as the text of the page (black). Any help is appreciated!

    https://chibird.com/wp-content/themes/constructor/style.css

    a:link {color:#CD6889 }
    a:visited {color:#CD6889 }
    a:hover {color:#EED5D2}
    a:active {color:#CD6889 }

    This was taken directly from your stylesheet. The active, visited and hover states are pretty self explanitory.

    also may want to consider this

    a:link ,a:visited ,a:hover, a:active {outline:none;text-decoration:none;}
    a:link {color:#CD6889 }
    a:visited {color:#CD6889 }
    a:hover {color:#EED5D2}
    a:active {color:#CD6889 }

    hth

    Oh and, don’t forget that link classes inside of Div are not changed.

    Example

    #Footer a{color:#E4E4E4;}

    kill-switch413, thanks for the quick response. I believe you were responding to pidoof. My site is https://www.triplecrisis.com (it doesn’t have all the a:link code you just mentioned). I am still unable to change the color of links.

    You can add those lines of code to your css stylesheet. Should do the trick.

    Your links are defined by

    body, a {
    color:#000033;
    }

    Which applies it to the whole body. You can change the color. Or even add the other link classes to the body, like this.

    body, a:active a:visited a:visited{color:#222;}
    body, a:hover  {color:#333;text decoration:none;}

    I just used random color’s and class values, it may need to be tweaked. But I’m confident thats your code.

    I tried this code, but it only changes the color of the titles, and not the links in the text. What i really want to change is the color of the links in the body, and not the titles. For instance, in this article: https://triplecrisis.com/a-new-multidimensional-poverty-index/ I would like to change the color of the underlined/linked text, but not the title of the article. I would appreciate any insight.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing link color’ is closed to new replies.