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.

Solved: Inconsistent spacing in duplicated ZT2 modules

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

I see different spacing between images in duplicated ZT2 modules - I would like all the spacing between images to be the same.

Here is the WIP site:
http://nearmiddlefar.com
Responsive2 1.3.3
Zentools2 1.1.4

This ZT2 module in Sidebar1 position using a grid layout for a Joomla category has my desired equal spacing between images:
http://nearmiddlefar.com/galleries/american-kestrel-1.html


I duplicated that ZT2 module for 2 other Joomla categories, but the spacing between images in the duplicated ZT2 modules is different compared to the one above:
http://nearmiddlefar.com/galleries/landscape-1.html
http://nearmiddlefar.com/galleries/dragonfly-1.html

I did some quick checks to see if I could find differences in the settings between the different ZT2 modules, but I didn't see anything. The thumbnails should all be the same size, and the ZT2 modules are also configured to resize the thumbnails to the same size.

Can you please give any suggestions for how to get the spacing between images in the 2 duplicated ZT2 modules to be equal (the same as in the first ZT2 module)?

Thanks in advance for your help!
  • porwig's Avatar
  • porwig
  • 12 Month Developer
  • 143 posts
  • 4 Thanks
  • Karma: 2
Last Edit: 8 years 6 months ago by porwig.
The administrator has disabled public write access.
Looks like something different styling is applying

Try adding

#sidebar-1 .zentools .zt-item {margin-bottom: 0;}
#sidebar-1 .zentools .zt-block {margin: 0;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: porwig
You may want to tweak these values at little - the default styling applying now is

.zentools .zt-item {
margin-bottom: 30px;
}

and

.zentools .zt-block {
margin: 10px 0;
}

as you can see I'm adding the extra class to make the style more specific so to overrides zentools and only targets the sidebar
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: porwig
Thank you for your help with this Paul - everything is now positioned perfectly!
  • porwig's Avatar
  • porwig
  • 12 Month Developer
  • 143 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.
No problem

Enjoy your weekend

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

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

Happy Campers