Select Page

5 CSS Snippets To Style Your Divi Buttons

Divi, Web Design

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

 

Submit Button

 

Reply To Comments Button

 

Blog Post Read More Button

 

Bonus Tip:

 

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
 

Want more Divi-related posts like this? Comment below and let me know what you’d like for me to cover next!

About Brittney Lopez

 

Hi there, I'm Britt!

I'm a branding + web designer for creative entrepreneurs. Here on my blog I like to share my top tips related to branding, web design, and Divi – my favorite WordPress theme. Enjoy!



Divi WordPress Theme
Bloom Email Optin Plugin
Monarch Social Sharing Plugin
Start Your Business

You're one step closer to downloading the Ultimate Branding Checklist for your online creative business.

Enter your name and email below and you'll be redirected to your checklist!

Success! You should be redirected to your checklist. If not, email me at hello@brandedbybritt.co.

Pin It on Pinterest

Share This