Padding remove/change

[hjr]

Hi there

I have one more question about Phoca Gallery. How can I remove or make smaller paddings around my image in a category? Which file I need to edit to make those changes? I've seen that gallery adds 18px (https://www.phoca.cz/documents/2-phoca-g ... w-resizing).

[caro84g]

Hi,

the shadow is 18 px larger. You can change the padding in the Phoca Gallery Parameters (components > phoca gallery > control panel > [parameters] button)

See: https://www.phoca.cz/documents/2-phoca-g ... Thumbnails_

Regards, Carolien

[hjr]

Do you mean: Image Size Beside Category Name? If yes, when I pick small nothing changes ;(. Setting padding box or margin box to 0px also does not work. Maybe this will help.

Which piece of code generates inline (style="" inside div) style like this:

Code: Select all

<div class="phocagallery-box-file pgplugin1" style="height:133px; width:153px;">
<center>
<div class="phocagallery-box-file-first" style="background: #0e2869;height:133px;width:133px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="highslide" title="01" href="/images/phocagallery/rzezby-firmowe/thumbs/phoca_thumb_l_01.jpg" onclick="return hs.expand(this, phocaImageRI )" >
<img src="/./images/phocagallery/rzezby-firmowe/thumbs/phoca_thumb_m_01.jpg" alt="01" /></a></center>
</div>
</div>
</div>
</center>
</div>

I have that bounding box because thumbnail size is 133x100px and box has: 153x133. I want to resize this 153x133 box.

[orangesparkz]

Yes,
I would love to know the answer to that question!

Where does the code get this embedded style from?
<div class="phocagallery-box-file-first" style="background: #0e2869;height:133px;width:133px;">

I am having trouble with the small 50x50 images. They want to "jump" out of the box w/ shadow for some reason. See image. If I change the height and width style to 70px, then the pic stays in the box. As you can see on the first image I changed it (Using Firebug).

Thanks in advance!
Cathy

[hjr]

I found some code that looks like that generated (in views/category/tmpl/default.php), but when I removed that inline styling it did not help. The inline style is still showing in the source when page is generated . Any help form Jan?

[caro84g]

@hjr
in the Phoca Gallery parameters there is a setting called 'padding box'.

This parameters works only when you use a menu link to see the images. Not when you're using the Phoca Gallery plugin. If you're using the plugin, then you need to edit the plugin code (/plugins/content/phocagallery.php)

@orangesparkz,
If you set the medium sizes to something smaller than 100, then see this topic: viewtopic.php?f=1&t=1644&st=0&sk=t&sd=a#p9162
The line numbers aren't correct anymore I think...

Regards, Carolien

[hjr]

That's the solution! Thanks one more time for your help .

[orangesparkz]

Thanks for your help Carolien.
I made the change to the (/components/com_phocallery/views/category/tmpl/default.php) file. For the padding to look equal I had to make it 52 and 72. Also the new lines are 112-126, for anyone in the future. Works great, photos do not "jump" out of the boxes. Thanks!

As for editing the padding. I am using the Phoca Gallery Plugin, but after looking over the file (/plugins/content/phocagallery.php). I really don't understand what I am suppose to edit.
Not that big of deal, but if you know offhand, let me know.
Thanks again.
Cathy