Phoca Premiere customization

Phoca Templates - templates for Joomla! CMS
User avatar
EsDeeEm
Phoca Newbie
Phoca Newbie
Posts: 3
Joined: 30 Jun 2024, 22:48

Phoca Premiere customization

Post by EsDeeEm »

Hi everyone,

First of all: I'm a big fan of the work you are doing. I'm working on a webshop with Phoca Cart and Phoca Premiere, but I would like to customize the colour scheme to make it more fit in with the house style of the (separate) company website. I've tried editing the template.css but, for some reason, it won't make a difference. I noticed there's a minified and .gz version as well. Which file is used by the template?
At the same time, the template attributes are placed in the beginning and the end of the CSS file.

Could you give me some more info on how to customize the template?

Thanks!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Premiere customization

Post by Jan »

Hi, just use user.css for custom css in the template:
media/templates/site/phoca_premiere/css/user.css

and add your own colors to CSS variable names: e.g. instead of red the orange one:


Image

Code: Select all

:root {
    --phoca-color-secondary: orange;
}
Image
If you find Phoca extensions useful, please support the project
Post Reply