By default, the Divi Theme adds bullet points to all of your list items in your footer area, so any widgets you add into the footer have a large, ugly bullet point. These also can create issues with the styling of the monarch social plugins too. By adding a few lines of custom CSS code to your Theme options or child theme you can remove all list item bullet points from your footer.

divi footer bullet points

Remove bullet points from Divi footer

Add the following code into your Theme Options Custom CSS box or into your Divi child theme;

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

And to take away the padding on the list element and increase the line height a little.

html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
line-height: 26px; 
padding-left: 0px; 
}

You will then have removed your bullet points from all list items in the Divi footer.

remove divi footer bullet points

 

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close