Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #641357

    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!

    #641445

    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).

    #642354

    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,
    Ismael

    #643389

    THANKS 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…)

    #643390

    looks like a full width section like the color section delete the span.image-overlay-inside from images with links.

    #643992

    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

    #644142

    <3 Enfold team is the best!
    Thanks Andy!

    #644564

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.