This tutorial shows you how to remove bullet points from your footer menus using some very simple CSS code. This is a very easy way to clean up your footer menus.

Here’s the simple CSS code for the fix.  Copy and paste into the custom css field in your theme options or your style sheet.

/* hide bullets in the footer menus */
.footer-widget li:before { display: none; }

Transcript from the Divi WordPress Tutorial

In the Divi Theme, go to your WordPress dashboard. Then click on Theme Options.

 

N1

 

Paste the CSS code in the Customer CSS slot. Then hit Save Changes.

CSS Code:

/* hide bullets in the footer menus */
.footer-widget li:before { display: none; }

Nn2

N2 N3

 

Go to your homepage, click Refresh and check to see that the code worked and the bullet points were removed.

This tutorial and transcript were done by, Jimi Blevins, with Mozaic Technology

Transcript was edited by, Alexis Stucker