Remove Bullet Points From Footer

Last modified Jan 10, 2020

Difficulty Beginner

Language CSS

Category Design

Watch Tutorial

Useful links

✅ Divi Switch
✅ Divi Space Membership

Transcript:

Hey everybody, David here from Divi Space. By default, the Divi Theme adds bullet points to all of your list items in the footer area, so any widgets you add there come with an ugly bullet point.

Today I’m gonna show you how to remove bullet points from the footer by adding a few lines of custom CSS code or simply enabling the switch in the Divi Switch Plugin. Before you start, check our post that covers all the ways to add CSS code to your website. I always recommend adding CSS code to the child theme. The link is in the video description. Okay, here we go! In this example, I will head over to the theme customizer and additional CSS tab. I’m going to paste the code here, which you can find in the description of this video. It removes the bullet points and extra padding.

Another way to do this is by installing the Divi Switch plugin. Once Divi Switch is installed on your website, go to Divi Switch settings in your Divi Theme settings. Click the footer tab and enable the switch “Remove bullet points from footer” and this will automatically remove the bullet points. Simple, right? Thanks for watching! We’ll see you in the next tutorial.

Does this snippet (still) work?

Please let us know in the comments if everything worked as expected. We have tested this code with the Version: 3.29.3 of the Divi Theme and Divi friendly hosting with PHP 7+.
If you think this code saved you time, we will be happy to receive a comment! 🙂

And subscribe to our youtube channel because there’s more to come!

License: This snippet contains code from the Divi Theme, copyright https://elegantthemes.com, modified by Divi Space, September 2019. Licensed under the GNU General Public License, no warranty; click here for details.

CSS

#footer-widgets .footer-widget li:before {
    display:none;
}

#footer-widgets .footer-widget li {
    padding-left: 0px;
}

Your Comments

Submit a Comment Cancel reply

Before You Start

Build a Child Theme

Child themes are incredibly important for the overall look, feel, and navigation of your website, so we encourage you to take the time to get to know the content. This will help your web design and development processes tremendously. That’s why we’ve made it super easy to build a child theme for Divi or Extra in seconds!

Generate Child Theme

How to Add Java Script and jQuery to Divi

There are four ways you can add JavaScript or jQuery to a Divi website: use the code module, the Divi Theme Options console, enqueue scripts using the functions.php file, or using a plugin.

How to Add CSS to Divi

Divi users can choose between five different methods to add custom CSS to their websites. Read more about these various methods you can use to add custom CSS to your Divi theme, as well as better understand the pros and cons of each method.