WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [closed] Coraline - How To Change Link Colour? (12 posts)

  1. wickedmike
    Member
    Posted 3 years ago #

    My title says it all. After 2 days of googling, i've yet to find an answer. Any help out there? Be appreciated!

  2. Go to Appearance/Editor in your admin panel, select the Stylesheet, scroll to the following section, and edit as desired:

    /* Links */
    a {
    	color: #0060ff;
    }
    a:visited {
    	color: #333;
    }
    a:active,
    a:hover {
    	color: #df0000;
    }
    h1 a, h2 a, h3 a {
    	color: #000;
    	text-decoration: none;
    }
    h1 a:hover, h2 a:hover, h3 a:hover {
    	color: #009900;
    }
  3. wickedmike
    Member
    Posted 3 years ago #

    Thanks for that incredibly quick response!

    Hover changes but initial colour does not. I have made it red in the code below but at http://www.wickedmike.com you can see that it remains blue. Nothing "wicked" about that blue:)

    /* Links */
    a {
    color: #DD0303;
    }
    a:visited {
    color: #DD0303;
    }
    a:active,
    a:hover {
    color: #DD0303;

  4. Digital Raindrops
    Member
    Posted 3 years ago #

    The initial theme colors are being over-ridden by the selection of the Coraline dark.css.

    You can add a priority to stop this with !important

    a {
        color: #DD0303 !important;
    }

    HTH

    David

  5. kebo
    Member
    Posted 3 years ago #

    i'd recommend downloading firebug, and extension for firefox. it can show you the exact styles/lines of CSS that are being applied to various page elements. its super helpful for correcting stuff like this.

    good luck!

  6. wickedmike
    Member
    Posted 3 years ago #

    Worked like a majick charm!

    Adeptris, Kebo - thank you!

    As a newbie, i try not to ask stupid questions but it's inevitable that it will happen. But thanks to supportive people like you, WordPress and Dreamhost, i have made some awesome sites the past 3 weeks. Hopefully i'll be returning the favour to others as i progress.

  7. international fertility
    Member
    Posted 3 years ago #

    this was super helpful. how do I remove the underline from the links now that I have changed the color? I do not see any underline code in the CSS. Thanks

  8. alchymyth
    Forum Moderator
    Posted 3 years ago #

    link underline is usually browser default behaviour, so often there is no style for it;

    to remove it, use text-decoration: none; in the link style:

    http://www.w3schools.com/css/pr_text_text-decoration.asp

  9. international fertility
    Member
    Posted 3 years ago #

    Thanks alchymyth
    I changed all the CSS regarding text decoration and could not find an area that effected the underline of links. do you have any other ideas.
    this is a URL to my blog in the event that you want to glance at the code for a solution. thanks heaps.

  10. cabinchic
    Member
    Posted 3 years ago #

    Hi,

    I too am trying to change link colors in Coraline (I'm using the dark version), and I've tried the method contained herein, however ... it also changes the colors of the links in my menu. I would actually like to keep those as they are in the default, but just have the links in the body of my pages and posts be different. Suggestions?

    Any guidance would be greatly appreciated!

  11. krishnajoshi
    Member
    Posted 2 years ago #

    how to underline a link word change of style of writing and different color link

  12. esmi
    Forum Moderator
    Posted 2 years ago #

    Please post a new topic.

Topic Closed

This topic has been closed to new replies.

About this Topic