Print Friendly Plugin Hover Background Color

Dear Community,
dear developers,

first of all thank you for your great work - I use the Activello theme and really like it.

Now I installed the Print Friendly Plugin and added a costum icon to show at the end of my posts.
The problem: When hovering (or clicking on it on mobile devices) on the PDF-icon, a grey box shows up. The color is the color I set for everything, like hovering, active links etc. I don’t want this grey box to show up, changed almost everything in the Stylesheet.css to transparent but nothing works. Still a grey background-box is showing up.

DO you know any additional CSS to solve the problem? I dont have any idea left… :frowning:

Here is the page for example: http://thephoenixproject.de/giving-birth-to-an-idea

Every idea is appreciated! Thank you in advance!

Best
Fabian

Hi Fabian,

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


#page div.printfriendly a:hover {
    background-color: transparent;
}

Best Regards,
Movin

Thank you Movin, that worked!

I tried it without the ‘#page’ section before, since I read it in another forum. That did not work. Do you know why I HAVE to add the ‘#page’ section (just for the learning process :wink: )?

Thank you and best regards

Fabian

You are most welcome here :slight_smile:

I tried it without the ‘#page’ section before, since I read it in another forum. That did not work. Do you know why I HAVE to add the ‘#page’ section (just for the learning process ? )?

This is because of CSS specificity as described on the following pages.

http://cssspecificity.com/