WordPress.org

Support

Support » Themes and Templates » [Resolved] Coraline – How To Change Link Colour?

[Resolved] Coraline – How To Change Link Colour?

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator James Huff

    @macmanx

    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;
    }

    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;

    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

    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!

    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.

    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

    Moderator Michael

    @alchymyth

    Forum Moderator

    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

    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.

    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!

    krishnajoshi

    @krishnajoshi

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

    esmi

    @esmi

    Forum Moderator

    Please post a new topic.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Coraline – How To Change Link Colour?’ is closed to new replies.