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.

Zentools2- how to enable lightbox link

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

When I used Zentools, I had no trouble creating lightbox links in the masonry layout. However, when I tried out Zentools2, I don't see the option of setting links as lightboxes (masonry layout and grid layout). Is there a way to enable it? Thanks!
  • Ellen's Avatar
  • Ellen
  • 3 Month Basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Actually, I just found the lightbox setting under the image setting. However, the lightbox content is extremely narrow. Is there any way to increase the width of the lightbox content?
  • Ellen's Avatar
  • Ellen
  • 3 Month Basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Do you have a link for the example you created?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes, the link for the page that uses Zentools2 is cbcsd.com/revamp/index.php/about-zht/pastors-zht.

I would like it to display like the lightboxes on this page, which uses Zentools: cbcsd.com/revamp/index.php/en/about-en/pastors-en#
  • Ellen's Avatar
  • Ellen
  • 3 Month Basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Think the issue may stem from the image size

I'd test with a bigger image if possible and resize in the settings

.lightbox-146 .mfp-content-container {width:500px; background: #fff;}
.lightbox-146 .mfp-description {background: #fff;}

The lightbox styling can be altered via the module theme tabs

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

Thanks for the tips!

Changing the image size created another set of issues, so I ended up changing some of the said properties, but differently than suggested so that it would appear properly on mobile devices. The following changes made in the file zentools.min.css ended up working for me:

.mfp-container {width: 300px; background: #fff; margin: auto;}
.mfp-bottom-bar: {width: 300px; left: -50px; padding: 0 10px; background: #fff;}
.mfp-description: {color: #1E21F2; padding: 0px;}
  • Ellen's Avatar
  • Ellen
  • 3 Month Basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Cool nice one

Thanks for posting back with your solution :)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
ah- missed that you changed zentools.min.css

This is likely to be overwritten when you compile css and definitely when you update the module

so try adding it to the custom.css instead
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
must be tired I should also have added with it being zentools it commonly loads after the template css so you may need to make the style more specific if it doesn't work

e.g. add an extra class or tag compared to the existing styling

Cheers
Paul
  • 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: Ellen
Got it. Thanks for the explanation! I'm sure this will save me from some headaches in the future :)
  • Ellen's Avatar
  • Ellen
  • 3 Month Basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
No problem
  • 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