Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 20, 2014 at 1:02 pm #267261
    Emil

    Hi!

    I would like to know how to set a maximum number of items on a row when using masonry portfolio.
    I have 12 items I want to show, when seen on an hd screen 2x 6 doesn’t look nice, so I would like to set the max to 4 or 5.

    Thanks a lot!
    Emil

    May 20, 2014 at 1:16 pm #267264
    Yigit

    Hey Emil!

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

    .av-masonry-entry { width: 30%; }

    Best regards,
    Yigit

    May 20, 2014 at 1:52 pm #267279
    Emil

    Hey Yigit!

    Thanks for the super fast answer.
    I’ve seen that answer before, but it doens’t help on 1920 resolution, remains 6 items 1 row when browser is full width.
    I’ve tried this one also: .av-masonry-entry { min-width: 380px ; }
    This was helpful in not having 6 items, but at times there is gab on the right.

    If I could set a max. page width of 1780px, that would also solve the problem even better. Because when there’s space left I would like to have the items centered (even space on left and right of portfolio).
    Best Regards,
    Emil

    May 20, 2014 at 2:10 pm #267287
    Emil

    I’ve just set a max page width for the page but it doens’t work.
    Perhaps wrapping the masonry portfolio in something, and setting the width of that item to max. 1780px?
    Or you have a better suggestion?

    If I could have the 12 portfolio items in max 3 rows of 4 would be great,

    May 21, 2014 at 7:50 am #267821
    Dude

    Hi!

    You can try to limit the width of the grid with css code – insert it into the child theme style.css file or quick css file:

    
.main_color .av-masonry {
margin: auto;
max-width: 1200px;
}

    You can replace 1200 with any other custom width value.

    Cheers!
    Peter

    May 21, 2014 at 3:25 pm #268037
    Emil

    Hi!

    The code works to get the masonry less wide, with even space on both sides, but everything just gets smaller, and still have 2 rows of 6 images.

    Isn’t there a way to set a maximum of 4 items on 1 row? Think that’s the solution.

    Here’s an example of 6×2 which I would like to change: http://completerisbeter.nl/wp-content/uploads/2014/05/masonry-6×2.jpg
    Here’s an example of 4×3. 4 is the max number of items on 1 row I’d like to have: http://completerisbeter.nl/wp-content/uploads/2014/05/masonry-4×3.jpg

    I use it for the welcome screen, and 6×2 just doesn’t look nice.

    Thank you for your support and help,
    Emil

    May 22, 2014 at 4:26 am #268428
    Ismael

    Hey!

    Thank you for the info.

    You can add something like this on Quick CSS or custom.css:

    @media only screen and (min-width: 1800px) {
.responsive.html_stretched .av-masonry-entry {
width: 24.9555555%;
}
}

    Regards,
    Ismael

    May 30, 2014 at 7:16 pm #272536
    Emil

    Thank you Ismael, this was the solution, perfect!
    Regards,
    Emil

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Portfolio Masonry – max items row’ is closed to new replies.