Dear team,
I’d like to make smaller images in the Masonry Gallery. I used the code but images stayed the same. Do I go to the right direction?
@media only screen and (max-width: 1340px) and (min-width: 989px) {.responsive .av-masonry-entry {
width: 20%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px)
.responsive .av-masonry-gallery .av-masonry-entry {
width: 33.3%;
}
Thank you!
Alfiya
Hi Soapmarine!
Thank you for using Enfold.
You can use this:
#top .container .av-masonry-entry {
width: 20%;
}
Cheers!
Ismael
Hi Ismael,
I tried your code snippet and it doesnt work. Could you advise please?
Thank you!
Alfiya
Hi!
Do you mind creating a temporary login and posting it here privately so we can look into it? I wanted to check but maintenance mode is active
Regards,
Yigit
Hey!
Please add following code to Quick CSS
.page-id-81 .av-masonry-entry {
width: 30%!important;
}
Best regards,
Yigit
Dear Yigit,
I tried your code and it did not worked. I tried to use 20% as well to see the effect. No chance :(
Could you please advice!
Alfiya
Hey!
You had punctional error in your Quick CSS. I fixed one and moved the code to top of Quick CSS and now it is working fine. Please review your website now
Best regards,
Yigit
Thank you very much, Yigit!!!
it works!
Alfiya