WooCommerce button style issues with Divi Theme

Don’t lose sales because of not so great WooCommerce button styles on your Divi Theme. The default WooCommerce button styles on Divi Theme is average. You can end up with simple issues, like contrasting colour, when you style your button.

The WooCommerce Add To Cart button is the first thing your customer will see on a product page. Being presentable when making a sale is a must. So why be any different when it comes to your WooCommerce button styles?

Styling the button background and font is the least you should do. And it’s not that difficult.

The Fix for WooCommerce Button Styles Issue

We have created a CSS snippet for this fix. Click here to view it on GitHub.

Add the above snippet to your child theme’s stylesheet file.

Also, don’t forget to watch the video above.

Alternatively, you can use our FREE plugin

Introducing WooCommerce Colours For Divi

The WooCommerce Colours For Divi, a FREE plugin from diviframework.com, helps you fix the button styles. You can set button font size, font colour, background, border radius and more.

You can also set styles for alert messages and on sale badge.

By using this plugin, you get more styling options for buttons and additonal styles for alert messages and sales badge. With automatic plugin updates, you will automatically receive new functionality and fixes.

WooCommerce Colours For Divi Plugin Image Overview

WooCommerce Colours For Divi

This plugin is FREE. To download this plugin, you need to register as a FREE Member at https://www.diviframework.com/membership/free-membership/. This enables you to receive future plugin updates automatically.

Divi Framework - build anything with Divi to create your online business.

30 day money back guarantee

Safe & Secure online payment

Support team & documentation