LucyBold Posted November 23, 2023 Share Posted November 23, 2023 (edited) Hello there! I will like to remove the (white) overlay on hover on the portfolio images of all the projects https://www.lacalifornie.es/studio/arco but I will like to get the functionality of seeing them on lightbox when on click. Thanks in advance! Edited November 23, 2023 by LucyBold Link to comment
Solution tuanphan Posted November 26, 2023 Solution Share Posted November 26, 2023 You can add this CSS code to remove overlay a.gallery-masonry-lightbox-link:hover { opacity: 1 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
LucyBold Posted November 26, 2023 Author Share Posted November 26, 2023 Thanks @tuanphan it works nicely! I will like to do the same in this other page https://www.lacalifornie.es/all Can you help? Link to comment
Web_Solutions Posted November 26, 2023 Share Posted November 26, 2023 21 minutes ago, LucyBold said: Thanks @tuanphan it works nicely! I will like to do the same in this other page https://www.lacalifornie.es/all Can you help? Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .grid-item .grid-item-link:hover { opacity: 1 !important; } Kobir 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
LucyBold Posted November 26, 2023 Author Share Posted November 26, 2023 Thank you @Web_Solutions and lastly can i also remove this overlay in here https://www.lacalifornie.es The featured products at the end also has it Link to comment
Web_Solutions Posted November 26, 2023 Share Posted November 26, 2023 6 minutes ago, LucyBold said: Thank you @Web_Solutions and lastly can i also remove this overlay in here https://www.lacalifornie.es The featured products at the end also has it Replace the previous code with the code below. .grid-item .grid-item-link:hover, .product-block a:hover { opacity: 1 !important; } Kobir and tuanphan 2 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
LucyBold Posted November 26, 2023 Author Share Posted November 26, 2023 perfect @Web_Solutions thank you! Link to comment
Web_Solutions Posted November 26, 2023 Share Posted November 26, 2023 Just now, LucyBold said: perfect @Web_Solutions thank you! Welcome! 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment