Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by Roland Shen
Roland Shen
7,628 Points

Custom Buttons in Divi

Hi, I'm currently running the Divi theme by ElegantThemes. A website I came across, conversionlab.no, has beautiful buttons while using the same theme as I am. I found similar buttons to the ones conversionlab is using, and I am now wondering how to change them on my site. The Divi theme includes custom CSS areas, but I'm not sure where to put the CSS code.

1 Answer

cameroneckelberry2
cameroneckelberry2
8,701 Points

You have to create a class name for the buttons you want to customize. There should be an option to do that within DIVI. Then in your child theme, apply the CSS to the class name in the styles.css file. Make sure you are doing all your editing locally in case anything gets messed up - PSA for today...

Roland Shen
Roland Shen
7,628 Points

Hi Cameron, I got some things working a little bit. Here's the result: http://project.ansail.com/. I was able to get the top button to look like that (in the upper right corner) but now I can't figure out what CSS to add so that the box adjusts to the text I put in.

cameroneckelberry2
cameroneckelberry2
8,701 Points

target that text and add padding all around to get it how you like it. You may have to play around with some settings. CSS should be something like: nav li a {}. Button looks cool though!!