Hover Background

Activello
1

Any idea how I can make the following code apply to posts?

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

It works on pages as you can see here: https://lucydimarino.com/ but in posts, the links become transparent when they are clicked on and afterwards become white inside a box that is the original text colour.

Thanks,
Lucy

2

Hi there
Hope you are having a good day and thank you for your question :slight_smile:
Could you try to modify this code as follows and let me know how it goes.
#page .entry-content a:hover,#post .entry-content a:hover {
background: transparent;
}
Thanks!
Colorlib Support Team

3

Thank you, I tried that and the attached still happens.

4

Hi there

Hope you are having a good day and thank you for your question :slight_smile:

In order to check your question i need to see your live website, please provide the specific url to the post so i will take a look.

Hope to hear from you soon.

5

It is only occurring on posts and I can share those with you but they are protected and accessible for members only.

This is the post url: https:/lucydimarino.com/monthly-favourites-january-2020/

I have tried everything I can think of, including endless variations of the following - the code just applies to pages:

#main .post .entry-content a:hover {
background: transparent;
}

#page .post-inner-content .entry-content a:hover {
background: transparent;
}

#page article .entry-content a:hover {
background: transparent;
}

article.post .entry-content a:hover {
background: transparent;
}

6

The only change I can make is using this code

a: hover {
display: none;
}

If I write background: transparent; instead, nothing happens…

7

Hi,
The real content with the problem is needed to check the issue if you allow us to see it we will help you

8

If you can please reply to my WooCommerce fonts query, I link to the same issue happening on the Basket page. I have also updated a search bar query if you can reply to that, too? Thank you.

9

Will check the right now

10

Hi Noda

An update, I just managed to fix this with the below:

#page .entry-content a {
color: #e5d0b9;
background: transparent;
}

So simple!

Lucy

11

Nice to hear :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions

Thanks!