Apply wd-primary-color using CSS Class

Hi
please guide me how can i apply Primary or Secondary color of theme to a header text/html using “Additional CSS class” provided in Style tab in edit form.
i tried adding
.wd-primary-color
or
.–wd-primary-color but has no effect.
thanks in advance

Hi,

Use CSS class color-primaryto set the primary color and color-altfor secondary color.

Kind Regards

please have a look at attachment
i am applying in this way and no effect.
where i am wrong ?please

attachment

Attachments:

You must be logged in to view attached files.

Hi,

This CSS class, designed to apply styles directly to the HTML tags, but not for the element. To work properly, add this class to your Text/HTML header element content.

For example:
<span class="color-primary">ADD ANYTHING HERE OR JUST REMOVE IT…</span>

How it looks in editor: https://prnt.sc/y8W81Ni-7sdB
How it looks in frontend: https://prnt.sc/l6Q8c3kKzvnt

Kind Regards

thank you so much 🙂

You are welcome!

[Author]

Posts