CSS changes seems not to be applied

Phoca Gallery - image gallery extension
autonicknan
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 12 Jul 2018, 00:35

CSS changes seems not to be applied

Post by autonicknan »

I want to change the background color of a Phocagallery-box-file but without success.
/* Phoca Gallery Categories View */

.phocagallery-box-file,
.pg-csv-box {
float: left;
padding: 10px;
margin: 5px;
background: #fff;
-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;
}
In the part above I removed the background line but it does not take any effect on the site.

What do I miss?

Thanks in advance.
Nikos
christine
Phoca Hero
Phoca Hero
Posts: 2710
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine »

Hi Nikos,

which PG version are you using? It seems, it's an older version. Pls update to latest 4.3.10

Then add to your template.css or user.css or custom.css (depends on template):

Code: Select all

.pg-csv-box {
background:transparent;  
}  
.pg-csv-box:hover {
background:transparent;  
} 
Kind regards
Christine
Yashin
Phoca Member
Phoca Member
Posts: 13
Joined: 05 Jul 2018, 14:43

Re: CSS changes seems not to be applied

Post by Yashin »

Io ho lo stesso problema, allo stesso punto del codice di Nikos, ma voglio cambiare solo il padding e il margin.
Ho l'ultima versione di PG. Qualcuno può aiutarmi?
christine
Phoca Hero
Phoca Hero
Posts: 2710
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine »

Hi Yashin,

then change your paddings / margin accordingly. Example only:

Code: Select all

.pg-csv-box {
padding: 5px; 
margin: 2px; 
}  
more information could be given, if URL will be presented.
Kind regards
Christine
Yashin
Phoca Member
Phoca Member
Posts: 13
Joined: 05 Jul 2018, 14:43

Re: CSS changes seems not to be applied

Post by Yashin »

Ciao Christine,
io ho cambiato il file default.css, ma a front-end non risulta.
Questo è una delle pagine interessate https://www.mariassdellegraziearena.it/ ... razie-2014.
Questo è il css interessato:

Code: Select all

.pg-cv-box {
	float:		left;
	padding: 	0px;
	margin: 	3px;
	-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;
}
come vedi a front-end non risulta.
Grazie
christine
Phoca Hero
Phoca Hero
Posts: 2710
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine »

Hi,
Yashin wrote: 15 Jul 2018, 12:04 come vedi a front-end non risulta.
of course, because User Nikos speaks about: .pg-csv-box {xxxx}, but your newest post shows: .pg-cv-box

Example could be (to your template.css):

Code: Select all

.pg-cv-box {
padding:10px;
margin:3px;
}
Kind regards
Christine
Yashin
Phoca Member
Phoca Member
Posts: 13
Joined: 05 Jul 2018, 14:43

Re: CSS changes seems not to be applied

Post by Yashin »

Hai ragione! Ho letto male, ma il problema rimane, io devo modificare .pg-cv-box, l'ho modificato ma a front-end non risulta.
christine
Phoca Hero
Phoca Hero
Posts: 2710
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine »

Hi,
I can't see any CSS change. Try it again in: custom.css.
This CSS will be compiled - after a while. Clear also your caches.
Yashin
Phoca Member
Phoca Member
Posts: 13
Joined: 05 Jul 2018, 14:43

Re: CSS changes seems not to be applied

Post by Yashin »

Le modifiche appunto non si vedono a front-end.
Se dal browser apri "opzioni sviluppatore"(F12), vedi che il CSS da modificare è defalut.css.
Ho cancellato la cache tante volte ma non è successo niente.
Non so cosa altro fare.
Devo ricreare le Thumbnails dopo le modifiche del CSS??? Solo questo non ho fatto.
christine
Phoca Hero
Phoca Hero
Posts: 2710
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine »

I hv translated your last post to english:
The changes are not seen at the front end.

If you open "developer options" from the browser (F12), see that the CSS to be edited is defalut.css.
I deleted the cache so many times but nothing happened.
I do not know what else to do.
Do I have to recreate the Thumbnails after the CSS changes ??? Only this I did not.
Generell information:
I.m always using F12, thats why I could see, there are no CSS changes yet.
FYI: In generell, if you change (or add) some codes, it's recommended to put these changes, amendments etc. to the template.css.
In your case: To custom.css. Using changes in the PG default.css could be overwritten with next PG update.

How do you change CSS (other than PG)? This should be also done in your custom.css. The custom.css will be compiled to your: preset1.css

I changed temporary resp. add above codes to your custom.css successfully.

You could also change directly in backend under themes > pg default.css.
Or, if easier: Load: https://www.mariassdellegraziearena.it/ ... efault.css > make changes accordingly and load CSS again via e.g. FTP.
But, see above.

There is no need to recreate the thumbnails (if you are not change the sizes).

Kind regards
Christine
Post Reply