Page 1 of 2
frame around thumbnails
Posted: 08 May 2020, 01:48
by 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
Re: frame around thumbnails
Posted: 08 May 2020, 10:27
by Jan
Hi, check the size of images in Phoca Gallery, did you try to set large sizes and recreate thumbnails?
Jan
Re: frame around thumbnails
Posted: 08 May 2020, 11:46
by 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
Re: frame around thumbnails
Posted: 08 May 2020, 13:46
by 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
Re: frame around thumbnails
Posted: 08 May 2020, 19:55
by Mia_J
Hi
Just a (stupid) question.
Where do I find the css?
Re: frame around thumbnails
Posted: 08 May 2020, 21:11
by 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
Re: frame around thumbnails
Posted: 08 May 2020, 22:22
by 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
Re: frame around thumbnails
Posted: 08 May 2020, 23:02
by Mia_J
Then these suggestions were tested, but none of them changed anything.
Re: frame around thumbnails
Posted: 08 May 2020, 23:10
by 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 .....
Re: frame around thumbnails
Posted: 08 May 2020, 23:22
by 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