Page 1 of 1

Font smaller for phoca gallery 4.5.0

Posted: 03 Apr 2022, 15:42
by balad144
Hi,
I am French and I use google translate.
is it possible to have the font smaller for phoca gallery 4.5.0 under joomla 4.1.
I couldn't find it in the settings
https://imgur.com/a/41p2qz4

there was a smaller font under phoca gallery 4.4.3 of joomla 3
https://imgur.com/a/ZT9M5Oi

thank you for your reply
Best regards
Fred

Re: Font smaller for phoca gallery 4.5.0

Posted: 03 Apr 2022, 18:52
by Benno
Hi,
by CSS you can change that for sure, but how exactly the code has to look like, you can only find out with help of the URL and the Inspector.

Kind regards,
Benno

Re: Font smaller for phoca gallery 4.5.0

Posted: 04 Apr 2022, 08:26
by balad144
Hi Benno,
thanks, i don't know the css, but i will look .

Kind regards
Fred

Re: Font smaller for phoca gallery 4.5.0

Posted: 04 Apr 2022, 11:04
by christine
Hi Fred,

Checking your URL live, would be easier. Try following to your custom.css

if using theme_standard:
.pg-item-box-title, .pg-category-box-title {
font-size: 14px;
}
theme_simple
.pg-item-box-title, .pg-category-box-title {
font-size: 14px !important;
}
instead of px you could use: 80% instead.

Kind regards
Christine

Re: Font smaller for phoca gallery 4.5.0

Posted: 04 Apr 2022, 11:50
by balad144
Hi Christine,
thank you christine, I use the theme_standard.
here is my url: dev2.randophil56.fr
is the code you told me to put in user.css of joomla 4 ?

Kind regards
Fred

Re: Font smaller for phoca gallery 4.5.0

Posted: 04 Apr 2022, 13:05
by christine
Hi Fred,
Thank you for the URL.
balad144 wrote: 04 Apr 2022, 11:50 is the code you told me to put in user.css of joomla 4 ?
Yes, of course - at it is Cassiopeia.
In generell you can also add the code into the custom.css of Phocagallery.
user.css will always work.

Your font only looks so big because the thumbnails are small (100x100). The box itself is 240px wide. But you can't see it because of the white background.

Test following code (it works temporary):

Code: Select all

.pg-item-box-title {
font-size: 11px;
text-align: center;
} 
If you do not want to see the yellow folder icon:

Code: Select all

.ph-si-category {
display: none;  
}
Kind regards and good luck,
Christine

Re: Font smaller for phoca gallery 4.5.0

Posted: 04 Apr 2022, 13:32
by balad144
thank you very much christine for helping me,
it works very well, sorry I don't know the css.
Best regards
Fred

Re: Font smaller for phoca gallery 4.5.0

Posted: 04 Apr 2022, 13:44
by christine
Hi Fred,

that's fine.
Kind regards
Christine