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

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...

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.

This is a bit of an oversight actually - Ill add it to the todo list and get an update soon.

Anthony

Oh, that would be great
Maybe you could reply here or let me know somehow once the update is done?

Thanks!

Sure thing - bookmarked in my todo

Anthony

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

Looks like a great solution.

Unfortunately, most things don't work in IE.