Remove bullet points on DIVI footer menu and left align

If you add a custom navigation menu to the DIVI theme, you will notice that these bullet points appear before the text of each menu item.

These can easily be removed by adding the below CSS to your custom CSS box in the WordPress admin area:

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

If you add this, you will notice that there is still space for the bullet point although it is no longer visible. To have the menu items left aligned with the title you will need to add the follow CSS:

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