Return to previous page

How to change user notification colors in the front end?

This topic has 3 replies, 2 voices, and was last updated 2 years, 8 months ago ago by tuijatuulia

  • Avatar: tuijatuulia
    tuijatuulia
    Participant
    April 22, 2022 at 13:09

    I searched for colors settings, for colors green and orange in this picture, for notifications: https://prnt.sc/yMdCILRSvohv

    The green is used also in “Product added to cart” and errors with cart are also with the same orange color.

    How to customize those? (or what is the parent color name used?)

    #322483 Copied Theme version: 8.4.1 WooCommerce version: 6.41
    2 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 22, 2022 at 16:53

    Hello,

    Add the below code to Theme Options > Custom CSS

    .dokan-alert, .dokan-alert-success, .dokan-info, .mc4wp-alert, .woocommerce-info, .woocommerce-message {background-color: #388c87;}

.dokan-alert-warning, .dokan-error, .mc4wp-error, .woocommerce-error {background-color: #222222;}

    Regards

    #322505 Copied
    Avatar: tuijatuulia
    tuijatuulia
    Participant
    April 23, 2022 at 16:25

    Thank you – you are awesome and fast!

    #322560 Copied

  • Tagged: , , , , , ,

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

The issue related to '‘How to change user notification colors in the front end?’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme

See All Templates

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