5 CSS Snippets To Style Your Divi Buttons
Welcome to Design With Divi
Design With Divi is a new weekly blogging series for creative entrepreneurs where I share tips and tutorials that will help your Divi website stand out beautifully. Want to stay in the loop? Enter your email to receive the latest updates, and be sure to follow the hashtag #DesignWithDivi on Instagram!
Welcome back to the Design With Divi series. In this post, I’m sharing 5 CSS tricks that will help style the Divi buttons on your creative business website. These tend to be the most common ones that I change for my clients, so I thought I would share them with you.
My Top Divi Button CSS Snippets
Go to your WP Dashboard > Divi > Theme Options > Custom CSS panel > Copy & Paste the CSS Code below
Note: Please adjust the hex color codes, fonts, padding and other settings to fit your own brand.
Back To Top Button
To enable, Go to your WP Dashboard > Divi > Theme Options > Back To Top Button > Switch Toggle To “Enabled.”
Search Bar Button
Reply To Comments Button
Blog Post Read More Button
Disable Your Button Icon
I like to disable this feature for my buttons to keep things simple, but this is totally optional for you. To change this setting: Go to your WP Dashboard > Divi > Theme Customizer > Buttons > Buttons Style > Add Buttons Icon > Select “No”