Bullet list css

Question

I'm trying to modidy bullets list on WordPress https://www.willgo.fr/. I'm using the css below but the bullets are not align.

ul.special_bullet li {
  list-style: none!important;
}

ul.special_bullet li:before {
  color: #00b300;
  content: "\2022";
  float: left;
  overflow: hidden;
  position: relative;
  top: -15px;
  left: -5px;
}

Do you have any suggestion ?

I'd suggest to place some link to online snippet instead of the URL of a real web page. People may not want to follow links to pages that they do not know. You can use JS fiddle (https://jsfiddle.net/) that everybody knows and uses to share some piece of code, that you want to be looked into. — Kamil, Dec 18 '17 at 10:21

score 1 · Answer 1 · answered Dec 18 '17 at 10:19

1

The thing that can break your bullets is top: -15px. I'd suggest to remove it.

answered Dec 18 '17 at 10:19

Kamil

2,712
32
39

score 0 · Answer 2 · answered Dec 18 '17 at 13:42

0

I found the solution, the bullets moved when I added . So I used:

.special_bullet h3 {
  display: inline-block;
 }

answered Dec 18 '17 at 13:42

William

35
7

Bullet list css

2 Answers2