CSS changes seems not to be applied

Before you ask see the Phoca Gallery User Manual
autonicknan
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 12 Jul 2018, 00:35

CSS changes seems not to be applied

Post by autonicknan » 12 Jul 2018, 00:44

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: 1403
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine » 12 Jul 2018, 12:41

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 Newbie
Phoca Newbie
Posts: 9
Joined: 05 Jul 2018, 14:43

Re: CSS changes seems not to be applied

Post by Yashin » 15 Jul 2018, 10:21

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: 1403
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine » 15 Jul 2018, 11:30

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 Newbie
Phoca Newbie
Posts: 9
Joined: 05 Jul 2018, 14:43

Re: CSS changes seems not to be applied

Post by Yashin » 15 Jul 2018, 12:04

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: 1403
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine » 15 Jul 2018, 12:50

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 Newbie
Phoca Newbie
Posts: 9
Joined: 05 Jul 2018, 14:43

Re: CSS changes seems not to be applied

Post by Yashin » 15 Jul 2018, 13:05

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: 1403
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine » 15 Jul 2018, 13:14

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 Newbie
Phoca Newbie
Posts: 9
Joined: 05 Jul 2018, 14:43

Re: CSS changes seems not to be applied

Post by Yashin » 15 Jul 2018, 13:24

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: 1403
Joined: 28 Nov 2010, 17:20

Re: CSS changes seems not to be applied

Post by christine » 15 Jul 2018, 13:53

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