| |

Fixing WooCommerce Buttons in Divi

Home / Blog / Tutorials / Tweak of the Week / Fixing WooCommerce Buttons in Divi

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 (deprecated)

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 sale badges.

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

WooCommerce Colours For Divi Plugin Image Overview

This plugin is FREE. To download this plugin, you need to register as a FREE Member. This enables you to receive future plugin updates automatically.