Page 1 of 2
CSS changes seems not to be applied
Posted: 12 Jul 2018, 00:44
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
Re: CSS changes seems not to be applied
Posted: 12 Jul 2018, 12:41
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
Re: CSS changes seems not to be applied
Posted: 15 Jul 2018, 10:21
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?
Re: CSS changes seems not to be applied
Posted: 15 Jul 2018, 11:30
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
Re: CSS changes seems not to be applied
Posted: 15 Jul 2018, 12:04
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
Re: CSS changes seems not to be applied
Posted: 15 Jul 2018, 12:50
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-c
sv-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
Re: CSS changes seems not to be applied
Posted: 15 Jul 2018, 13:05
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.
Re: CSS changes seems not to be applied
Posted: 15 Jul 2018, 13:14
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.
Re: CSS changes seems not to be applied
Posted: 15 Jul 2018, 13:24
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.
Re: CSS changes seems not to be applied
Posted: 15 Jul 2018, 13:53
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