-
Posts
-
Hi guys,
I already opened another topic about this but now it’s closed, I run a few tests and here’s the problem.
If I have a Color Section in my page, every image with a link after it has no hover effect.I already disabled every plugin, I already disabled every css change and the problem is still there.
It happens only with Color Section and the other section with columns (I’d say with every full width section).Could you help me pls?, I’m desperate :(
Thanks!If you see it working is probably because I’m trying even other kind of layout elements but I need to find a solution with the color section (I need a full width color as bg).
Hey!
Thank you for using Enfold.
Alright. We checked the page again. You’re referring to the orange hover effect of the masonry element? The hover effect is added using this css code:
.av-masonry-image-container:hover { position: absolute; background-color: #FF4400; opacity: 0.3; z-depth: 1 !important; }It’s not working in the “News” section because it is a different element. It’s a blog posts element, not masonry. If you want the same effect with the blog posts element, use this:
.big-preview.single-big a:before { content: ''; position: absolute; background-color: #FF4400; opacity: 0; width: 100%; height: 100%; left: 0; z-index: 10000; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .big-preview.single-big:hover a:before { opacity: 0.6; }Regards,
IsmaelTHANKS MAN!
I love u haha.
(I still think there’s a bug, the two social images at the very bottom are exactly like the top images, and the hover effect still don’t work…)looks like a full width section like the color section delete the span.image-overlay-inside from images with links.
Hi,
add this code as well:
a.avia_image { background-color: #FF4400; } img.avia_image:hover { opacity: 0.6; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }Best regards,
Andy
- You must be logged in to reply to this topic.