CODEWITHSUNDEEP
csshtml-lists
j00ls
j00ls

Reputation: 105

frustrating ul bullet issue (remove bullet)

I have been trying to remove the bullet and indent from a < ul> element for quite a while now and I just can't figure out how - or rather why it's not working.

There are several solutions here on overflow, however none of them is working for me.

this should work(?) but it doesn't:

.widget li {list-style: none; }  or:
.widget li {list-style-type: none; }  (!important does not help)

here is the link to the page with the problem and a picture of the location I mean: any ideas? thanks! http://wuttke-klima.witconsult.de/neue-firmenzentrale-der-fam-magdeburg/ enter image description here

Upvotes: 1

Views: 121

Answers (4)

Saurabh Singh Mehra
Saurabh Singh Mehra

Reputation: 214

Try this:

ul {
  list-style-type: none;
}

Upvotes: -2

shakee93
shakee93

Reputation: 5386

that arrow is displaying from a :before just display:none it

Remove the left padding to remove padding on li

.arpw-ul li:before { display: none; }
.arpw-ul li { padding-left : 0 }

TIP : Just use google chromes inspect element to test these kind of things. just live results

Upvotes: 2

c-smile
c-smile

Reputation: 27460

If that is really a bullet (seems like it is not) then this shall help:

.widget li { display:block; }

But I suspect it is not a bullet but something else (like ::before pseudo element). Use DOM/style inspector tool in your browser.

Upvotes: 0

j08691
j08691

Reputation: 207861

Looks like you have a pseudo-element that creates the arrow bullet. You should be able to remove it with:

.footer-widget li:before, .widget li:before {
    border: none;
}

Upvotes: 1

Related Questions