-
If you want to add custom style via LESS files, you can try this way:
- Create a new folder called local in this directory: [root]/templates/ja_healthcare (your default template)/ (if this folder already exists, it’s good)
- Copy 2 less files:
[root]/templates/ja_healthcare/less/variables.less
[root]/templates/ja_healthcare/less/modules.less- Paste into: [root]/templates/ja_healthcare/local/less/ (create this less folder if it doesn’t persist)
- Open the variables.less file, at approx line 51, you see the declaration for accent colors:
Accent colors
@black: #000;
@white: #fff;
@blue: #0097d7;
@green: #1eb848;
@cyan: #01b888;
@red: #c00;
@yellow: #fc0;
@orange: #f80;
@pink: #f254b1;
@purple: #915df0;@newcolor: #2e7d32;
you can define new color as you wish, for example newcolor as above
-
Next, open the modules.less file, at approx line 107, you see this:
&.bg-blue { background: @blue; } &.bg-yellow { background: @yellow; } &.bg-newcolor { background: @newcolor; }
this define the background for module class suffix for these modules on frontend.
Then in backend settings of module, you can add class bg-newcolor in module class suffix field. On the frontend it will load the new background color you declared.
Hope this makes senses.
-
This reply was modified 7 years, 4 months ago by
Saguaros.
OK.
I accessed:
[root]/templates/ja_healthcare/local/less/themes/spa
into the folder spa already exist variable.less (see img2 and img1)[root]/templates/ja_healthcare/less/themes/spa
here there are:
template.less
variables-custom.less (empty)
variables.less (see img3)module.less does not exist.
What would be the next step? Since what is inside the file is different than you place above…
Viewing 13 posts - 1 through 13 (of 13 total)This topic contains 13 replies, has 4 voices, and was last updated by
edna bonfim 7 years, 1 month ago.
The topic ‘Change picture color position 1, 2, 3’ is closed to new replies.
Change picture color position 1, 2, 3
Viewing 13 posts - 1 through 13 (of 13 total)
