Support Forum

  • Page:
  • 1

Problem with PrettyBox thumbnails

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

Hello,

I got a little problem with the prettybox extension on a website I am currently working on. The thumbnails for the gallery are placed in a 710 pixels wide div. The size of the thumbs is set to 170 x 170 pixels and right margin is set to 10 pixels.

With these settings there should be 4 thumbnails in a row, but there are only 3. I don't know why... I have setup the bamboobox extension the same way on another page of the website and it works just fine.

I don't know what I'm doing wrong, I am new to the whole Joomla stuff... Any tips would be great :)

Here's a link to the page: www.linkurzweg.de/killekill/artwork-gallery

Thanks in advance,
Lin
  • lintendo's Avatar
  • lintendo
  • 3 Month Basic
  • 4 posts
  • Karma: 0
Last Edit: 11 years 6 months ago by lintendo.
The administrator has disabled public write access.
Oops, I totally forgot there is no option in the module preferences to tell the extension how many images per row should be displayed. So the last image in the row has the margin of 10px too and so it doesn't fit anymore :/

Is there any workaround to this? I would do the whole thing with bamboobox, but it's not possible to get images from a folder and I don't want to create articles for each of the dozens of pictures I have to add...
  • lintendo's Avatar
  • lintendo
  • 3 Month Basic
  • 4 posts
  • Karma: 0
The administrator has disabled public write access.
I think the only way around this will be to adjust either the image sizes or margin to maximise the available width.

The images themselves do not get individual ids, so it isn't possible to simply modify the margin on the last image in a row (at least not as far as I know). Sorry.
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
This is a bit of an oversight actually - Ill add it to the todo list and get an update soon.

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Oh, that would be great :)
Maybe you could reply here or let me know somehow once the update is done?

Thanks!
  • lintendo's Avatar
  • lintendo
  • 3 Month Basic
  • 4 posts
  • Karma: 0
The administrator has disabled public write access.
Sure thing - bookmarked in my todo :)

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
I found a temporary workaround, using the nth-child pseudo selector...

This code gives every 4th prettybox div a margin of 0.

.prettyBox div:nth-child(4n+4) {
margin-right: 0;
}

Unfortunately this doesn't work in Internet Explorer, so I'm still looking forward to the update :)
  • lintendo's Avatar
  • lintendo
  • 3 Month Basic
  • 4 posts
  • Karma: 0
The administrator has disabled public write access.
B) Looks like a great solution.

Unfortunately, most things don't work in IE.
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.

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

Happy Campers