In this tutorial, I am going to show you how to change the style of the “Add to Cart” button in your Divi theme. The Woocommerce “Add to Cart” button is the first thing that the customer sees on your product page, so it is really important to style it with a color that corresponds well with your theme. After all, you do not want to lose sales because your website design is not as good as your competitors’. So, here is a simple way to fix this issue and customize the “Add to Card” button with just a bit of css. No coding experience required!

How to change the style of the “Add to Cart” button with CSS

Add the following css code in your Divi theme. There are a couple of options to do it, but I would recommend to navigate from the Wordpress Admin Toolbar to ThemeCustomizer => Additional CSS and paste the following code: