Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #922154

    Hi Kriesi Team

    I am working on a client’s website and we are adding images to a masonry element. The website is in 2 languages via the WPML plugin.

    The images are not showing up and I don’t seem to be able to figure out why.

    It’s in the Downloads section if you scroll down.

    Access details below if you need them.

    Thanks so much & Kindest Regards,
    Corina

    #922290

    Hey Corina,
    I see that if you scroll past the downloads section, and then back up the images appear, it seems to be a delay in the animation load of the images. While I can not catch any errors with the browser dev tools, because the images always load when the tool is open, I did find that this css seems to solve the issue, please try.

    .av-masonry-entry {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .avia_sortable_active .isotope {
        -webkit-transition: none!important; 
        transition: none!important; 
    }

    Best regards,
    Mike

    #922608

    Hi Mike

    Thanks so much for your help. That worked. Is there any way I can make the background of each masonry entry transparent, and also the background of the caption below?

    Thanks so much.
    Corina

    #922613

    Hi,

    Add the following to quick css:

    .main_color .av-masonry-outerimage-container {
        background-color: transparent!important;
    }

    For the caption:

    .main_color .container .av-inner-masonry-content{
    background-color:transparent!important;
    }

    Best regards,
    Jordan Shannon

    #922629

    Jordan, thank you so much. You guys are awesome.
    Appreciate your help.
    take care,
    Corina

    #922641

    Hi,

    No problem, happy to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Masonry Images not showing’ is closed to new replies.