Let’s take a look at what the snippet does exactly.
Now that we know what it will look like, let’s take a look at the code you’ll be adding to make this magic happen.
NOTE: Be careful editing the functions.php file as it is easy to break your site if you do not know what you are doing. Also, make sure you are using Divi child theme. If you are not using one, download one for free that can be found in this post on How to set up a Divi Child Theme with Dynamic CSS.
Divi Settings Custom CSS
Copy and paste this code into the Custom CSS box in the Divi Theme Settings.
PRO-TIP: Feel free to play around with the CSS to change things like the color and hover effects of the button.
That was a rather large and awesome change with very little code. We hope you found this snippet helpful, and if there are any other topics you would like us to cover, please leave a comment below.
Until next time!
Order Another fantastic way to enhance your Divi WooCommerce sites is to use BodyCommerce. BodyCommerce literally has 100’s of customizations on both front and backend hand crafted to make your sites stand out and convert.