Coraline – How To Change Link Colour?

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 https://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

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:

https://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!

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

Please post a new topic.