Today I’m going to show you how to customize your Divi sidebar with a custom “category” menu for your blog. I’ll show you how to change the background color, font size, letter spacing, and make it lowercase. It’s actually super easy to do and only takes a couple of minutes and a few extra lines of CSS added into your Divi Theme Customizer so let’s get started
- Go to Divi > Theme Customizer then scroll down to where it says “Additional CSS”
- Copy the code below and paste into the “Additional CSS” Section
This is what the code above will create however I am going to break it down and show you what each line of code does so you can edit it to fit your own branding.
This changes the background color and creates the “button” look
This centers the text in the middle of the “button”
This changes how big the button is. The more padding you give it the thicker the button will appear the less padding you give it say “5px” the smaller the button will appear.
This code is what makes the text appear all lowercase you can also use text-transform: uppercase; to make all the letters uppercase or delete to have no text transformation.
And that is how you would style your Divi Sidebar menu categories if you have any questions feel free to leave a comment below and I’ll be sure to help you out.