Docs

[dabbevdbrand]

Hi guys,

as you can see on the portfolio page of my website: http://www.duizenddingen-hosting.nl/cut/projecten I removed the chain icon, but now I am left with a block that is going dark when mouse over. Two questions:

1. How can I reverse this effect? So that its dark and when hover it will appear normal?
2. How can I control the amount of darkness in the hover?

Thanks guys

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

a.entry-thumb:hover:before {
    opacity: 0 !important;
}

a.entry-thumb:before {
    opacity: 1;
}

You may change 1 to control the “darkness”.

eg.

a.entry-thumb:hover:before {
    opacity: 0 !important;
}

a.entry-thumb:before {
    opacity: 0.5;
}

Hope that helps.

[dabbevdbrand]

Hi Paul,

Sad to say that didn’t work, it only changed the opacity of the icon.

Please help.

[Christian]

Hey there,

Try adding the code in your CSS

a.entry-thumb:hover img {
    opacity: 1;
}

Change 1 to 0.95 or lower to control the black fade.

Thanks.

[Author]

Posts