How to customise all the woocommerce notice boxes at once

  • Resolved Sania Syed

    (@saniasyed)


    3 years, 8 months ago

    Hi. I am working on a store in woocommerce. There are different default woocommerce notices i.e ‘when a product is added to cart’, ‘when a product is removed from cart’, ‘when the cart becomes empty’, ‘proceeding to the checkout while the cart is empty’, etc. I want to customise the default notices box(having blue background colour) all at once in theme editor, is it possible or should I use separate id for each notice. I will really appreciate your help. Thank You.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support abwaita a11n

    (@abwaita)

    Hi @saniasyed,

    YOu’ll mostly want to target these three classes with your CSS rule: .woocommerce-message, .woocommerce-info, .woocommerce-error. You can create a CSS rule for them in Appearance → Customize → Additional CSS.

    However, I’d suggest that you first use the browser inspect tool on your theme for each of the notices, just in case your theme displays the notices differently.

    Hope this helps.
    Thanks.

    Thread Starter Sania Syed

    (@saniasyed)

    Got it. It worked. Thank You!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to customise all the woocommerce notice boxes at once’ is closed to new replies.