How to Change Background “Successfully Added to Cart Message” In WooCommerce

by | Last updated Mar 10, 2022 | Published on Mar 10, 2022 | WooCommerce | 2 comments

Change Background Successfully Added to Cart Message |  Are you trying to change the background on “successfully added to cart message” in WooCommerce like in the picture below?

successfully added to cart message

In our situation, the background almost similar on-page background, white. So, we need to change it to another color like blue or yellow.

In this tutorial, we will show you how you can change the background color. Follow this our tutorial.

Change Background “Successfully Added to Cart Message”

Before we start, you must know that in this tutorial you can change the color only. You cannot replace it with an image.

Step 1: Copy the CSS code below.

Step 2: Paste it on your custom CSS theme, or you can change it on the WordPress CSS customizer. Then save it.

Now it has changed.

successfully added to cart message

When Do You Need to Apply This Tutorial?

Sometimes in a WordPress theme, they are set on this background the same color as the page. So, your customers are not aware of the presence of the message. The solution is you can change the background color to make your customer more aware of the message.

Conclusion

In this tutorial, you have learned how to change background Successfully Added to Cart Message in WooCommerce. Just follow our tutorial above, and you will find the solution.

2 Comments

  1. If you like this article, then please FOLLOW our Linkedin, Twitter, YouTube, Pinterest, and Facebook. Do not forget to check our services page to upgrade your WordPress. If you find this post has an issue with copyright, outdated, or in error, please contact us to fix it.

  2. Sebastian Hofstetter

    Hey,

    I’d like to do the same, but it does not work for me.
    Is this CSS still up to date?

    Best regards,
    Sebastian

    Reply
    • FaizAlias

      yes..it still working for me…I was afraid your CSS has issues with the current theme or any plugins…

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Category

E

WP Tutorial

E

WooCommerce

E

Divi Theme Tutorial

E

cPanel Tutorial

E

SEO & Performance

E

Compare & Review

E

Grammarly

E

Blogger Talk

E

View All Categories

Arbor Design

895 South Randall Road, Chicago

Arbor & Landscaping

4999 Old Orchard Center, Chicago

Let's start work together

Pin It on Pinterest