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

 

Let's Get Started!

Enter your email address below to begin setting up your account.

You've completed the first step!

Connect With Us For More Epic Tutorials And Blog Posts

Connect With Us For More Epic Tutorials And Blog Posts

Accompany us on our journey of creation, design, and inspiration worldwide. 

Connection Successful... Welcome To The Wonderful World Of Mozaic Technology!