Awaiting an answer SP Page Builder

can I use predefined colors with page builder

Asked by Eugene 5 years ago Last activity 5 years ago

In the framework I can pre define some colors with names like "brand" or "primary" or whatever (or even load some custom.css file). However I don't really know how to use them later within the SP Page Builder frontend editor?

On the other hand, in the color settings I can use some variables like "red" or "lightblue" - maybe it's possible to override them somewhere?

I can use the custom.css with --name: color code and than in the color adjustment use var(--name) and it's work, but don't show the color in interface and frankly too difficult in syntax.

So what would be the best way to use pre-defined color names in whole pagebuilder front end?

4 replies

Muntasir Sakib Staff

5 years ago

Hello there,

Along with the site URL, please give the screenshot of exactly which part you want to change the color of.

Thanks!

Eugene Asked this

5 years ago

I speak about any field for the color in frontend editor. Where I can use some words like "red" "blue" etc. and see the result immediately. So the question is - from which place these color variables reads? Is it css default or bootstrap default or sp pagebuilder default?
Can they be overrided somehow - manually or be taken from framework template adjustments?

Muntasir Sakib Staff

5 years ago

Hello there,

If you are talking about the framework, you can change the presets there, if you want to override any file, please go to templates > your_template > html and rewrite the code inside the folder you want to change the code of. However, if you want to see the default files, go to plugins > system > helixultimate > overrides and you will find the code there.

Let's now talk about SP Page Builder. You will find all the codes of Page Builder inside components > com_sppagebuilder. You can change anything if you want to there, not to mention under no circumstances, it is recommended by us. Rest is upto you.

About adding CSS, you can do that wherever you want to. Inside every page, there is option to add CSS. Use the class name where you want to add CSS and add the code inside it, it's that much simple.

I hope you can understand.

Thanks!

Eugene Asked this

5 years ago

Hello, in SP Page Builder I can put the sentense "red" (or sonme amount of standard color names) in the color fiels instead of choosing the color by mouse or put there the color code. And the color becomes red.
So the first question: from which CSS file SP Page Builder gets this color names - is it special SP Page builder files or Framework files or some standard into CSS overall?
Can I override or change this hot-names? Cause it's very useful to make the several elements same color.

Use the class name where you want to add CSS and add the code inside it, it's that much simple.

Yes but then I will use classes for changing colors of elements and not use fancy color controls of SP page builder itself