Stratos Template - CSS Variables - Var() Function - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Stratos Template - CSS Variables - Var() Function

H

Hans

SP Page Builder 1 week ago

The Stratos template uses CSS Variables declared in template.css:

--gradient-color-1: #ff00fb;

--gradient-color-2: #802bff}

How can I change the values of these variables in user.css without changing template.css?

I managed to change the color values at a specific location without any problems by using user.css.

However, these color values occur in many different places. I would therefore like to change the value of the variable itself so that I can change all occurring color values with a single entry in user.css.

How can I manage this?

0
5 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #206419

Hello,

Thanks for reaching out to us.

Please, check screenshot, You need to do that via custom code -> css. Change your code here.

:root {
    --gradient-color-1: #60b00b;
    --gradient-color-2: #802bff;
}

Thanks

0
H
Hans
Accepted Answer
1 week ago #206814

Thanks a lot. That works.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 days ago #206842

It’s great to hear that your issue has been resolved. If everything is working fine now, please mark the question as complete by accepting any of our answers.

Thank you!

0
H
Hans
Accepted Answer
6 days ago #206865

Yes, this problem has been solved.

But there is a side effect. After adding this code, the color of the text of one menu item changes from color in a gradient. See this post:

https://www.joomshaper.com/forum/question/41707

Not yet resolved.

There still seem to be a couple of (hopefully) minor issues with this template.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 days ago #206888

Please, follow the regarding post and wait for our agent response.

Best regards,

0