Change color of e-mail link

[PixelPascal]

Hello,

I like to change the color of the e-mail link on this page: http://www.jhte.nl Also the hover-color needs to be changed.

Most of the times the theme let you do this very easy in the theme-options…This does not…

I hope somebody can tell me how to!? Maybe with a CSS code?

Thank you!

[PixelPascal]

Hello Melindrea,

Thank you for responding so fast ! Iguess this is not the complete code?

Br,

Pascal

[Paulie_D]

https://css-tricks.com/better-email-links-featuring-css-attribute-selectors/

[unasAquila]

@Melindrea has given you the whole code she can’t tell you what [colors](http://www.colorpicker.com/) to use that up to you if your not sure of how that works

.mail a {
color: blue;
}

.mail a:hover {
color: blue;
}

as you can see after the semi-colon you can declare the [color](http://www.huecode.com/) you want using several methods

[PixelPascal]

Paulie,

I added this code: a[href^=”mailto”] { color: blue; } But it is not having effect…

[PixelPascal]

This code also does not have any effect: .mail a {
color: blue;
}

.mail a:hover {
color: blue;
}

[PixelPascal]

.mail a {
color: blue;
}

.mail a:hover {
color: blue;
}

[wolfcry911]

it needs to be more specific than the current rule, use this:

.sidebar_content .mail a {
color: blue;
}

[PixelPascal]

Thanks wolfcry911 works !!

[PixelPascal]

For the hover color i think i do not use the right code:

[PixelPascal]

.sidebar_content.mail a:hover {
color: blue;
}

[PixelPascal]

.sidebar_content.mail a:hover {
color: blue;
}

[wolfcry911]

you need a space between the first two classes

[PixelPascal]

between where?

[CodeGraphics]

.sidebar_content .mail a:hover {
color: blue; }

Between .sidebar_content and .mail

[Author]

Posts