bullet points from

Question

This is a question that has been answered a milion times but non of the fixes work for me, therefore im here.

css: ul li {display:inline-block; }

<ul class="no-bullet">
    <li><a href="https://www.youtube.com" target="_blank"><div class="yticon"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/youtube-3-512.png" alt="Youtube" width="35" height="35" /></div></a>
    </li>
    <li><a href="https://www.facebook.com/" target="_blank"><div class="faceicon"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/facebook-symbol_318-37686.jpg" alt="Facebook In" width="35" height="35" /></div></a>
    </li>
    <li><a href="https://plus.google.com/" target="_blank"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/60818.png" alt="Google Plus" width="35" height="35" /></a>
    </li>
    <li><a href="https:https://vimeo.com" target="_blank"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/vimeo-xxl.png" alt="Vimeo" width="35" height="35" /></a>
</li></ul>

social media icon bullets https://arcofilms.com/onovo the link

if somneone could be of help would be awesome if you know a better way of doing this im open to suggestions too! thanks!

score 1 · Answer 1 · answered May 05 '17 at 13:14

1

You just want the bullets gone?

In that case, use this CSS:

ul.no-bullet {padding-left:0;}
ul.no-bullet > li {list-style:none;}

answered May 05 '17 at 13:14

Kevin Sijbers

814
7
19

score 0 · Answer 2 · answered May 05 '17 at 13:14

0

Set the list items to display no bullet points:

ul li {
  display:inline-block; 
  list-style: none;
 }

..or as you already have a helper class:

.no-bullet li {list-style: none; }

answered May 05 '17 at 13:14

mayersdesign

5,062
4
35
47

score 0 · Answer 3 · answered May 05 '17 at 13:14

0

use this in you css

ul li  {list-style-type: none;}

answered May 05 '17 at 13:14

Mr.Throg

925
6
21

score 0 · Answer 4 · answered May 05 '17 at 13:19

0

As you said, this has been answered a million times. You can use

list-style-type: none

just make a little change in your css:

ul { list-style-type: none;}

answered May 05 '17 at 13:19

Affirmative

1
3

Shital Marakana · Answer 5 · 2017-05-05T13:27:23.993

0

add below css code for remove border. because bullets is display by using border

#footer-widgets .footer-widget li::before{border:none}

edited May 05 '17 at 13:27

answered May 05 '17 at 13:19

Shital Marakana

2,817
1
9
12

score 0 · Answer 6 · answered May 05 '17 at 13:20

0

Try this css:

    .no-bullet {
      list-style-type: none;
    }
    .no-bullet li {
      display: inline-block;
    }

Works for me.

answered May 05 '17 at 13:20

JoW

57
2
7

bullet points from

6 Answers6