Return to previous page

Change global colors. - by movileanu - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 2 years, 9 months ago ago by Rose Tyler

movileanu

Participant

March 24, 2022 at 16:41

hi guys,

how can a change the global colors?
I want to change the green / succes and red / error colors. Please see screen

#320464 Copied Theme version: 8.1 WooCommerce version: last

1 Answer

Rose Tyler

Support staff

March 24, 2022 at 16:52

Hello,

Custom CSS code can be added in Theme Options > Theme custom CSS:

body {
    --et_main-color: #888;
    --et_dark-color: #222;
    --et_active-color: #a4004f;
    --et_red-color: #c62828;
    --et_green-color: #222222;
    --et_blue-color: #1565c0;
    --et_orange-color: #f57f17;
    --et_yellow-color: #fdd835;
    --et_border-color: #e1e1e1;
    --et_light-color: #f7f7f7;
    --et_light-color2: #f2f2f2;
    --et_white-2-dark: #fff;
    --et_dark-2-white: #222;
}

.woocommerce-message {
    background-color: green;
}
.woocommerce-error {
    background-color: red;
}
.woocommerce-info {
    background-color: purple;
}

Regards

#320466 Copied