Changing css-files in ..../css/custom

Phoca Gallery - image gallery extension
kueppers
Phoca Member
Phoca Member
Posts: 11
Joined: 16 May 2017, 22:30

Changing css-files in ..../css/custom

Post by kueppers »

Hallo,

if I change something in the "standard_theme.css", will the file be overwritten in an upcoming Phocgallery update? If so, how can I save the changes I have made?

Is the folder "custom" meant for this? If so, how do I normally proceed?

Regards
Kueppers
christine
Phoca Hero
Phoca Hero
Posts: 2886
Joined: 28 Nov 2010, 17:20

Re: Changing css-files in ..../css/custom

Post by christine »

kueppers wrote: 20 Apr 2023, 14:25 if I change something in the "standard_theme.css", will the file be overwritten in an upcoming Phocgallery update?
Yes.
Is the folder "custom" meant for this? If so, how do I normally proceed?
It depends on template. For Cassiopeia it should be created a user.css, where you can insert your codes.
Most other templates have an own custom.css.

Kind regards
Christine
kueppers
Phoca Member
Phoca Member
Posts: 11
Joined: 16 May 2017, 22:30

Re: Changing css-files in ..../css/custom

Post by kueppers »

Thank you Christine.

Do you know the correspondend name for the templates from Phocagallery. Custom.css?
Or how is that processed at Phoca Gallery? Under "/media/com_phocagallery/css" I find a "main" folder and a "custom" folder.

The following files are in the main folder:
- phocagallery.css
- rating.css
- theme_simple.css

The following files are in the custom folder:
- default.css
- theme_standard.css

Which "customs.css" overrides the normal template settings? I do not want to change anything in the original file.

Regards
Kueppers
christine
Phoca Hero
Phoca Hero
Posts: 2886
Joined: 28 Nov 2010, 17:20

Re: Changing css-files in ..../css/custom

Post by christine »

Hi Kueppers,

Correctly. You shouldn't either, because as I wrote above, changes are overwritten with a PG update.

Which template do you have? If you have a custom.css there, then enter the desired changes there.
In Cassiopeia it is a: user.css

Just as an example only:

Code: Select all

.pg-category-box-title {
font-size: 80% !important;    
}
(The !important; is sometimes needed.)

You should use either theme_simple or theme_standard in Phoca.

If you provide a URL, we may also be able to say the desired code.

Kind regards
Christine
Post Reply