Can’t find the CSS reference that the “Main Color” is for

This topic has 3 replies, 2 voices, and was last updated 3 weeks, 5 days ago ago by finleydesign

  • Avatar: finleydesign
    finleydesign
    Participant
    July 2, 2025 at 17:52

    I can’t find out the CSS reference I need to use that the Main Color uses, i’ve se the main color in the Xstore settings then tried to apply colours using the following CSS reference but none of them change, the system defaults back to a grey which doesn’t appear in any setting

    • –custom-color-main
    • –et-theme-color
    • –etheme-main-color
    • –main-color

    2 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 3, 2025 at 06:57

    Dear @finleydesign,

    We hope this message finds you well.

    We would like to inform you that we are using the following CSS variable to define the main color:

    --et_active-color

    You may apply it in your custom styles as shown below:

    .custom-class {
        color: var(--et_active-color, #999);
    }

    For further information on how CSS variables work, please feel free to refer to the documentation available at:
    https://www.w3schools.com/css/css3_variables.asp

    Should you have any additional questions, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: finleydesign
    finleydesign
    Participant
    July 3, 2025 at 09:25

    Thanks for the support! My topic “Can’t find the CSS reference that the “Main Color” is for” has been successfully resolved.

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Can’t find the CSS reference that the “Main Color” is for’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.