In the Salient settings, you are able to set up accent and extra colours. How do I reference these colours in the "Custom CSS Code" under "General Settings" > "CSS/Script Related"?
Right click on an area on your website page then click on inspect element and navigate to the elements tab as shown below. You will be able to see classes that can be targeted with css
I'm not sure if that answers my question. Let's say I define the "Accent Color" of the theme to #666. If in "Custom CSS" if I want to assign that color to class or element, instead of typing in the hex code again, what do I put?
In the Salient settings, you are able to set up accent and extra colours. How do I reference these colours in the "Custom CSS Code" under "General Settings" > "CSS/Script Related"?
Thank you,
Robert
Hi Robert,
Thanks for reaching out.
Right click on an area on your website page then click on inspect element and navigate to the elements tab as shown below. You will be able to see classes that can be targeted with css
Kind regards.
I'm not sure if that answers my question. Let's say I define the "Accent Color" of the theme to #666. If in "Custom CSS" if I want to assign that color to class or element, instead of typing in the hex code again, what do I put?
Hi Robert,
Using custom css you will have to manually type the hex code to apply. There is no way a css will pull accent color set in theme options.
The following can change the color of single posts title(Just example):
.single-post .heading-title[data-header-style="default_minimal"] .entry-title { color: #666; }Let us know of specific section you need to change with custom css so that we see if possible.
Kind regards.