Problem resizing images box in Phoca Gallery 4.2.1

[DanTecoda]

Hi. I've upgraded my Phoca Gallery version, going from the 3.2.3 version to te 4.2.1 one. This because i've upgraded also my Joomla from 2.5 to 3.4.
I need to increase box image size, and also font style, in order to obtain the same effect i've in my old website.


In the options of the new version i've unable to change parameters as box padding or font background color etc. Can you help me? How can i change this parameters?

[christine]

Hi TanTecoda,

about the height of boxes you can change: https://www.phoca.cz/documents/2-phoca-g ... e-joomla-3
Option > Categories Views and/or Category View > Category Box Space: Enlarge category box height (in px)

Regarding colors etc. via CSS at the end of template.css:

Code: Select all

.pg-csv-box {
width:150px !important;
height:150px !important;
background-color:blue;
}

above width: just optional (as it's hardcoded, if you want to change the width also)
background-color: an idea .... and/or in addition:

Code: Select all

.pg-csv-name {
text-align:center;  }

It's not so easy without given URL, so:

Code: Select all

.pg-csv-box {
	-webkit-box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	-webkit-border-radius: 2px;
	border-radius: 2px;
 border:1px solid #e8e8e8;  }

Kind regards, Christine

[DanTecoda]

Thank you Cristine for your answer. I'll follow your suggestions.
The url of the Joomla 2.5 old site is: http://www.universitadeibambini.it/site ... staff-luba
The new site is at http://www.universitadeibambini.it/luba ... staff-luba
Regards
Daniele.

[christine]

Hi Daniele,

a) backend: Options > Thumbnails > Images And Detail Window Size Settings e.g:

Medium Image Width / Height: 100
Small Image Width / Height: 50

above parameters: just try wanted sizes.
https://www.phoca.cz/documents/2-phoca-g ... e-joomla-3

b) New CSS at the end of template.css:

Code: Select all

#phocagallery .pg-cv-name {
font-size: 0.8em;
margin-top: 5px;
text-align: center;
color: #b36b00;
}

Code: Select all

.pg-cv-box {
height:150px;
width:110px;
background-color: #fcfcfc;
}

Code: Select all

#phocagallery {
padding-left:30px; } 

You have to try by yourself, which sizes / parameters are the best.
The colors, I took from the old site.

Kind regards, Christine