Mind blowing SEO improving and Google rank increasing Signature Rotator SEO Tool.

Thread: 

How to remove bullet from li list css ?

Ads
banner
banner
banner
destroyer Offline referral

Posts: 430
Joined: Jul 2013
Reputation: 3

#1
Senior Member
I am heaving this problem with the list no matter what I do I just can't manage to hide bullet from showing.

I have used this code I found online but it doesn't work!

Code:
list-style-type: none;

Code:
<ul style="list-style-type:none;">
        <li>First</li>
        <li>Second</li>
        <li>Third</li>
    </ul>

How to make this #@$%!!! bullet go away from the list?
invisibe_dude Offline referral

Posts: 820
Joined: May 2013
Reputation: 24

#2
Posting Freak
You can easily hide list bullet using CSS class or ID like so:

HTML code

Code:
<ul class="css-bullet">
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ul>

CSS code

Code:
<style type="text/css">
.css-bullet li {
  list-style-type: none;
}
</style>
destroyer Offline referral

Posts: 430
Joined: Jul 2013
Reputation: 3

#3
Senior Member
Thanks Dude very much I didn't realize that it can be done this way!





User(s) browsing this thread: 1 Guest(s)