Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Masonry without margins - as per example

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hello... long time listener infrequent caller.
Loving the new Zentools 2.

Using it for some masonry work and I'd like to be able to recreate the example shown on the examples page labelled FULLSCREEN MASONRY

When I put in 0 margin in the settings I end up with less than perfect results.

Or... are you going to tell me "it only works with our templates"?

Cheers
  • normdouglas's Avatar
  • normdouglas
  • LIfetime Developer - Big Bamboo
  • 45 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Do you have link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Not sure what you mean...? If you mean "my" site then the answer is no... I'm looking for directions not a fix to a site issue.
However if you mean the example on the JB site then this is the one I'm referring to > zentools2.joomlabamboo.com/zentools2-examples
  • normdouglas's Avatar
  • normdouglas
  • LIfetime Developer - Big Bamboo
  • 45 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Norm - yes long time :)

And sure it should work with any template.

I guess what Paul meant was do you have an example of it going wrong so we can check your settings?

You need to ensure that:
- the option to disable the margins is enabled.
- That you have masonry widths set in the theme panel that work well for the images.

Scroll down the page here to A note on using masonry layouts:

zentools2.joomlabamboo.com/zentools-layout-styles/masonry

You will see i made a few notes regarding the widths.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Thanks... missed the part about only using px on the bottom margin.
Cheers Anthony, much appreciated.
  • normdouglas's Avatar
  • normdouglas
  • LIfetime Developer - Big Bamboo
  • 45 posts
  • Karma: 0
The administrator has disabled public write access.
Incidentally... when using masonry layout... I can't see a "disable margins" option.
  • normdouglas's Avatar
  • normdouglas
  • LIfetime Developer - Big Bamboo
  • 45 posts
  • Karma: 0
The administrator has disabled public write access.
Nope... it is my template.
Let me investigate more and I'll get back to you.
  • normdouglas's Avatar
  • normdouglas
  • LIfetime Developer - Big Bamboo
  • 45 posts
  • Karma: 0
The administrator has disabled public write access.
Found the culprit... and in my normal manner I'm posting this here in case I need to find it again and maybe so you might consider implementing an "!important" fix
These are the couple of lines that caused it to not render as expected (floating all down the left side.... mind you I could probably be a little more specific with the below css also, which I've now done. ;)

ul {
margin: 10px 20px;
padding: 5px;
}

Cheers
  • normdouglas's Avatar
  • normdouglas
  • LIfetime Developer - Big Bamboo
  • 45 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks - I'll let Anthony know

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks. !important isnt really the right solution here - Ive added padding 0 to .zentools ul and will add in the next release but it already had margin:0 so it should have nulled any margin you applied to the generic ul.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers