How to change the DIV Width when showing picture

[ptrouw]

Hi,

I am using this syntax in my article:
{phocagallery view=category|categoryid=1|imagerandom=1|displayname=0|displaydetail=0|displaydownload=0|detail=4}

It works fine the only thing is the box around the picture is to wide. I have changed the default padding and margin to zero, as you can see in sourcecode below. The strange thing is the DIV Width is 455px, while my picture is only 435px. Why is it 20px wider and how can I change this?

<div class="phocagallery-box-file pgplugin1" style="height:326px; width:455px;margin: 0px;padding:0px;">

Backend Category View Settings (List of Images):
I have set the Margin + Padding both zero

[Jan]

Hi, can I see the site where this occurs. The box has some padding so there is 20px +

Jan

[ptrouw]

Hi Jan,

What I have setup now is showing a large type image 435px on the homepage. With the random image setting and a link to the lightbox, showing full size which of course 435px as well. Also when I show all categories and continue into one specific category, it should use the medium thumbnails, 130px.

I have everything working now, except I would like a larger picture in the lightbox. Have look at http://www.joomlaonline.net. Homepage has now the Large Size of 435px, if you go to Photo Archive underneath, you can drill down to a specific category.

Rearranging the 3 sized, for instance small 50x50, M 130x130 en L 640x480. This would do the trick with full size picture in detailed lightbox, it would show all pictures in 1 category correctly as well, but it would mess up my homepage, because this 1 picture is Medium sized, only 130px and not my preferred 435px. Are you still with me!!
How can I solve this?

And yes I am still looking to find the place to change to big padding/margin around M sized thumbs!!

[Jan]

Hi, I think you need to do some customization, e.g. add some if clause.


If the site is homepage (e.g. if($itemId == 1) ... you should get Itemid of homepage by JRequest::getVar method

then change the medium to large:

$thumbnail = str_replace('phoca_thumb_m', 'phoca_thumb_l', $thumbnail);

Jan