Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 14, 2014 at 3:28 am #250865
    hebchop

    I’m trying to get the masonry portfolio to display images at pixel width or a predefined width via CSS. The behavior here on the widest browser set is closest to what I’m going for.

    http://enfold.banyancom.com/people/

    Bascially I’d like to turn off the responsive 3 col, 2 col, and 1 col settings. How could I do that?

    April 14, 2014 at 2:20 pm #251067
    Yigit

    Hi hebchop!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .av-masonry-gallery .av-masonry-entry {
width: 10%!important;
}

    Regards,
    Yigit

    April 14, 2014 at 3:18 pm #251107
    hebchop

    Thanks! I did find this code in another thread, the “!important” did make it work for me.

    I’d consider this resolved, but it raises another question for me. Would it be possible to assign different image sizes at different CSS breakpoints?

    For example, when I hit 768px could I change width to : 20%?

    Thanks for the help.

    April 14, 2014 at 3:22 pm #251109
    Yigit

    Hi!

    Sure, you can add following code to Quick CSS to do so

    @media only screen and (max-width: 768px) {
.av-masonry-gallery .av-masonry-entry {
width: 20%!important;
}}

    Regards,
    Yigit

    April 14, 2014 at 3:52 pm #251150
    hebchop

    worked great! thanks! finally getting a hang of media queries.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Setting Isotope Column Grid’ is closed to new replies.