Вопрос Как изменить нумерованный список?

[eridop]

Как сделать такие кружочки, или квадратики, но что бы не цельная заливка, а именно обводка

 

[Попай]

Надо делать через li:before вот один из примеров:

li:before {
    content: counter(myCounter);
    counter-increment: myCounter;
    color: white;
    background: #2980B9;
    display: inline-block;
    text-align: center;
    margin: 5px 10px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

Поиграться с CSS и будет как у вас на картинке.

 

[eridop]

Ну он дублирует, надо оригинал убирать)
Ну у меня есть почти такой же, но вот фон не убрать, он залитый остаётся
Я взял вот эту строчку border-radius: 50%;
Теперь круглые, в принципе сойдёт, хотя если кто подскажет, как именно одну обводку сделать, то было бы здорово, я что-то поигрался, но так и не сделал.. и ещё странно, он почему-то комментарии нумерует такими же кругами, 1, 2, 3

 

[Попай]

Тут же все от стилей зависит. Надо учить матчасть. li:before применяется к всем спискам на сайте. Вам надо ограничить это стиль областью применения например контентом.

Что бы сделать только обводку из стилей надо убрать background: #2980B9; и добавить стили для границы border: 4px solid #2980B9;

 

[eridop]

Тут же все от стилей зависит. Надо учить матчасть. li:before применяется к всем спискам на сайте. Вам надо ограничить это стиль областью применения например контентом.

Что бы сделать только обводку из стилей надо убрать background: #2980B9; и добавить стили для границы border: 4px solid #2980B9;

Там вообще какая-то дурь получилось, но направление верное)

 

[Попай]

😆 Действительно дурь. Найдите стиль, который отвечает за списки в контенте и к нему применяйте вышеописанные советы.