Tagged: images not showing, masonry
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
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
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
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
Jordan, thank you so much. You guys are awesome.
Appreciate your help.
take care,
Corina
Hi,
No problem, happy to help. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon