Removing hover & icon from portfolio page

[Deelux]

Hello,

I’ve been trying to figure out how to remove or at least change the opacity of the hover on the portfolio page.

Can you please advice how to remove or change it?

Cheers,
Dominic

[tristup]

Hi Dominic,

Thanks for reaching out.
Can you please provide a few more information like a screenshot marked with the issue or any videos that will help us to diagnose? Also, please specify the page URL where you are having the issue. If that page required credentials to access, please provide login credentials for your site in a secure note, including:

– WordPress Site URL & Login URL
– Exact Page URL where you are having this issue
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[Deelux]

Hi,

As you can see we currently have a hover effect when you move over the pictures in the portfolio. We would like to remove this icon when you hover over the pictures and edit the oppacity of the black colour that gets added on the hover.

Please advice.

[marc_a]

Hi @Deelux,

Please add the CSS code below in your Pro > Theme Options > CSS.

To remove the icon:

.page-id-576 a.entry-thumb:hover:before {
	opacity: 0;
}

Then the opacity of the black color will depend on the opacity of the image. If we set the opacity of the image to 1 the black color when hover will be gone.

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

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[Deelux]

Perfect, that did the trick, thanks so much.

Have a beautiful day!

[marc_a]

Hi @Deelux,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.