frame around thumbnails

[Mia_J]

Hi

I have already received very useful help here and now just one last little thing is shown.

I would like the frame / box around the thumbnails to be a bit smaller, but I don't really think I can figure out how to do it.

http://www.lapataleta.net/index.php/galleri

Kind regards Mia

[Jan]

Hi, check the size of images in Phoca Gallery, did you try to set large sizes and recreate thumbnails?

Jan

[Mia_J]

Yes, I have tried many possibilities over time, but none of that has helped. I recreate thumbnails and clear the browser every time I test.
I want to keep thumbnails the size they now have and make the surrounding box smaller.

Mia

[christine]

Hi Mia,

the problem are the imagecategoriessize (Inline) width of Plugin. Here some examples you could try.
One by one into your user.css:

a) Usually correct would be:

Code: Select all

div.phocagallery-box-file.pgplugin1, div.phocagallery-box-file.pgplugin2 {
width:auto !important;
height:auto !important;  
}

b) Then try with (instead of above):

Code: Select all

div.phocagallery-box-file.pgplugin1, div.phocagallery-box-file.pgplugin2 {
width:180px !important;
height:auto !important;  
}

you will see, what happend.

Reason are the .phocagallery-box-file-second, .phocagallery-box-file-third etc. as they have 200px.

c) then to add:

Code: Select all

.phocagallery-box-file-second, .phocagallery-box-file-third {
width:180px !important;  
}

Just try around, one by one.

Kind regards
Christine

[Mia_J]

Hi
Just a (stupid) question.

Where do I find the css?

[Jan]

Hi, it does not matter which CSS file it is, it is good to have it on last position, so these rules will be not overriden by another CSS.

So mostly, the best way is to add these rules to your template CSS, which includes e.g. custom.css or user.css file. Just see your html source code (the head part) where there are listed all CSS files and just see some last template css file and add these rules to this file.


Jan

[christine]

Hi Mia,

in your case, you should put changes/additions etc. in the user.css, because it's Protostar.
Changes in the template.css could be overriden after Joomla Core/Standard Template Update, except there exists a Template copy.
custom.css mostly are valid/needed for other Templates.

Kind regards
Christine

[Mia_J]

Then these suggestions were tested, but none of them changed anything.

[christine]

2 Minutes before, I saw one code, but only the last one.
As I wrote: a) after this: wait ...... clear cache & look. If not nice, then:

b) and c) wait .... clear cache .....

[Mia_J]

yes i did all that and after i wrote my last reply here i made a desperate attempt with only the last code but it is deleted now