Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #312236

    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

    #312675

    Hi Soapmarine!

    Thank you for using Enfold.

    You can use this:

    #top .container .av-masonry-entry {
    width: 20%;
    }

    Cheers!
    Ismael

    #312687

    Hi Ismael,

    I tried your code snippet and it doesnt work. Could you advise please?

    Thank you!
    Alfiya

    #312947

    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

    #312986
    This reply has been marked as private.
    #312990

    Hey!

    Please add following code to Quick CSS

    .page-id-81 .av-masonry-entry {
    width: 30%!important;
    }

    Best regards,
    Yigit

    #313026

    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

    #313048

    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

    #313111

    Thank you very much, Yigit!!!
    it works!
    Alfiya

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Make smaller the images in Masonry Gallery’ is closed to new replies.