Home>Support>Define colors css

Define colors css

By FuoriLuogo Asti, 8 years ago. Last reply by Alex S, 8 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I use SiteOrigin CSS by SiteOrigin and I tried to do this but the declaration of a color doesn’t work :(

:root {
–primary-color: #285157;
–secondary-color: #4c4c4c;
–accent-color: #df1616;
–divider-color: #840a1b;
}

.h1 {
color: var(–primary-color);
}

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 6 months ago Alex S
    Hi, I Work Here

    Hi FuoriLuogo,

    Okay, so there are a few issues with your CSS. Firstly, there needs to be two hyphens (–) rather than a single – (that might be related to our formatting though).

    Also, is the .h1 intentional?

    The following CSS should work without issue for you:

    :root {
--primary-color: #ff0;
}

#masthead .hgroup h1 {
color: var(--primary-color) !important;
}

    I’ll show up as an error due to a CSSLinit issue (it’s the ruleset) but you can safely ignore it.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More