change hover color + "border" for links in post body

Activello
1

Hi,

I’m trying to change the color of links inserted in my posts + to remove the “box” that appears as a default when hovering over the link.

What I would like to achieve:

  • change the automatic color for all of my links
  • remove the “box” when hovering - instead I would like to specify a darker color that appears when someone hovers over a link.

I’ve searched the forum and came across this post which seemed close to mine, however nothing changed when I insterted the code in my CSS.

I tried this code.

body.single .entry-content a {
    color: #393939;
}
body.single .entry-content a:hover {
    background: transparent;
    color: #a161bf;
}

Any ideas what else I could try? :slight_smile:

Thanks in advance!

2

Hi,

Thanks for contact us, this code might do the trick

.entry-content a {
    color: #393939;
}
.entry-content a:hover {
    background: transparent;
    color: #a161bf;
}

Let me know if this works.

Kind Regards,
Support

3

Thanks for the quick response! Unfortunately it didn’t work - nothing changes whn I use this code.

is there anything else that I can try?

4

The shared code should work.

Could you please share me your site URL where you are using that code so that i can troubleshoot it?

5

Hey Movin,

here’s the url for my blog: http://dorohenrietta.com/

Thanks for your help!

6

The shared code is not working on your site due to specificity issue so please try using the below CSS code instead.

#page .entry-content a {
    color: #393939;
}
#page .entry-content a:hover {
    background: transparent;
    color: #a161bf;
}