Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 26, 2015 at 11:22 am #418433
    alicante15

    Hi,

    can anyone tell me please how i set a 1 column masonry?

    the problem is as follow, i have 5/5 columns and add in this columns each a masonry with different content, so, i need just 1 column masonry there as at now this are total 10 columns.

    Thanks alot

    March 26, 2015 at 11:56 am #418450
    Eva

    Have you tried editing the number of columns in the masonry settings?
    (screenshot)

    March 26, 2015 at 12:08 pm #418456
    alicante15

    yes but i can choose only 2 upwards or automatic but even automatic show min 2, i need to show only 1 there

    March 26, 2015 at 12:56 pm #418469
    Kamakshi

    Hi,

    I would also like to know how you can create a Masonry element on a page with only 1 column.
    My version doesn’t give me the option to choose how many columns I want so I suppose I would have to add something in the ‘For Developers: Section ID’ bit at the bottom?

    Thanks for your help!

    March 27, 2015 at 2:38 pm #419284
    Ismael

    Hi!

    Thank you for using Enfold.

    You can set the masonry columns to 2 then add this to the Quick CSS field:

    .av-masonry-col-2 .av-masonry-entry {
  width: 100%;
}

    The masonry images will look a bit blurry because of the masonry item width.

    Cheers!
    Ismael

    March 27, 2015 at 4:27 pm #419383
    alicante15

    Hi,

    thank you i have done so but still show me 2 columns,
    i have done also this way

    .av-masonry-col-1 .av-masonry-entry {
    width: 100%;
    }

    but works not too

    March 28, 2015 at 5:11 am #419716
    Rikard

    Hi!

    Could you please provide us with a link to the site in question so that we can have a closer look?

    Best regards,
    Rikard

    March 28, 2015 at 2:15 pm #419838
    alicante15

    Hi,

    yes please check that, i have 5 columns with masonry inside, but now this are 10 columns, i want to display for each column only 1 masonry column.

    http://thebitcoinnews.com/test/

    March 30, 2015 at 5:34 pm #420631
    Elliott

    Hey!

    They were not meant to be used like that. You can try forcing them to 100% by adding this inside a codeblock element in your page.

    <style type = "text/css">
@media only screen and (max-width: 1800px) {
	.responsive .av-masonry-col-flexible .av-masonry-entry{width:100% !important; }
	.responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:100% !important;}
}
</style>

    Cheers!
    Elliott

    March 31, 2015 at 2:12 pm #421105
    alicante15

    this works thats great thx alot!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘1 column masonry’ is closed to new replies.