Gosling Posted November 13 Share Posted November 13 Hello all, As the title suggests. I would like to have some simple code (or any other alternative) that will allow me to remove the overlay that I have over these two images when I hover the mouse over them. Any help would be greatly appreciated. Link to comment
SaranyaDesigns Posted November 13 Share Posted November 13 @Gosling is this your site? https://www.lucasgoslingartanddesign.com/ can you share the password so we can have a closer look? Link to comment
Gosling Posted November 15 Author Share Posted November 15 On 11/14/2023 at 7:39 AM, SaranyaDesigns said: @Gosling is this your site? https://www.lucasgoslingartanddesign.com/ can you share the password so we can have a closer look? Hello - yes, it is. Password is 'construction'. Thanks Link to comment
Solution Web_Solutions Posted November 15 Solution Share Posted November 15 6 hours ago, Gosling said: Hello - yes, it is. Password is 'construction'. Thanks Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .image-block .fluidImageOverlay { transition: 0.3s; } .image-block:hover .fluidImageOverlay { opacity: 0 !important; } Gosling 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Gosling Posted November 18 Author Share Posted November 18 On 11/16/2023 at 4:11 AM, Web_Solutions said: Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .image-block .fluidImageOverlay { transition: 0.3s; } .image-block:hover .fluidImageOverlay { opacity: 0 !important; } Cheers! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment