CODEWITHSUNDEEP
phpcssmagento
user2963379
user2963379

Reputation: 165

Magento: get rid off bullet points in menu

This is what it looks like

First, I've tried going into style.css and adding

ul {
    list-style-type: none !important;
    padding: 0;
    margin: 0;
}

Did this with li as well but it didn't do anything. I'm thinking maybe it's not css but being printed out by php or something. Anyone know how I can get rid of these bullet points?

edit: it's definitely not css, when I added 

list-style-type: circle;

It added an additional dot before the bullet points. So it has to be in the php or somewhere else.

Upvotes: 0

Views: 243

Answers (2)

Jozefini
Jozefini

Reputation: 316

Instead of using this (which it's correct):

ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}

You may fix it, but be careful, you may want to use again <li> on your content but will not see the dots. The right solution will be to put the class specification before ul & li

.classname ul {
    padding: 0;
    margin: 0;
}
.classname li {
    list-style: none;
}

.classname will be the class of footer widget (depending on your image) or whatever you want to edit the list style.

Upvotes: 1

Renzo Gaspary
Renzo Gaspary

Reputation: 300

Try...

ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}

Upvotes: 0

Related Questions