[RodeBoy]

On jlr-projectservices.co.uk have managed to remove the magnifying glass under the portfolio section but also wish remove the dark background which appears on hover with desktop view, and constantly displayed on mobile. Can you please advise CSS code to do this? Thanks, Chris

[Skandha]

@rodeboy: Hello Chris,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#portfolio-content-section .hentry:hover .entry-container {
    box-shadow: unset !important;
    opacity: 0;
}

Let me know if this works out!
Kind Regards,
Skandha

[RodeBoy]

Thank you Skandha, this has successfully removed the box on hover with desktop view, but it still displays when viewed on my iphone. Is there some further coding I can add please?

Thanks, Chris

[RodeBoy]

Any further thoughts on this please?

[Skandha]

@rodeboy: Hello Chris,
Can you try adding the following CSS Code instead of the above Code?

#portfolio-content-section .hentry:hover .entry-container {
	box-shadow: unset;
}
#portfolio-content-section .entry-container {
	background:none;
}

Let me know if this works out!
Kind Regards,
Skandha

[RodeBoy]

Perfect, thanks Skandha

[Skandha]

@rodeboy: Glad it worked out. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts