Remove Post Body Link Hover Border

Activello
1

Hello,

When I insert a link into my post body (this only happens in a post - not on a page) there is a hover attribute of a square solid border of my accent color around the link. I’d like for the hover for the links in my posts to behave the same as they do on my pages (just a subtle color change.) I’ve tried adding every CSS code I can think of to my Custom CSS page, but nothing worked. Do you know of a code that can fix this? Thank you.

2

Hi @poppyanthology,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

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

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

3

Brilliant! Thank you so much for your help!

4

You are most welcome here :slight_smile:

5

Hi

I tried this code

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

It removed the black box hovering over the hyperlinked word but it did not change the hovering color.

How can I change the hovering color (when I place the cursor over the hyperlinked word)? Thanks!

6

@wanderer74 To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.