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

Тема Reboot

Чтобы изменить иконки в маркированных списках, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:

/* Изменить иконки в маркированных списках */
.entry-content ul.wp-block-list>li:before, .entry-content ul:not([class])>li:before, .home-text ul.wp-block-list>li:before, .home-text ul:not([class])>li:before, .taxonomy-description ul.wp-block-list>li:before, .taxonomy-description ul:not([class])>li:before {
    content: '\002A';
    top: 0;
    font-size: 16px;
    color: #4d3bfe;
    border: none;
}

Код иконки \002A, размер иконки 16px и цвет иконки #4d3bfe можно изменить на другие.

Тема Bono

/* Изменить иконки в маркированных списках */
.entry-content ul.wp-block-list>li:not(.sitemap-list__block):before, .entry-content ul:not([class])>li:not(.sitemap-list__block):before, .home-text ul.wp-block-list>li:not(.sitemap-list__block):before, .home-text ul:not([class])>li:not(.sitemap-list__block):before, .taxonomy-description ul.wp-block-list>li:not(.sitemap-list__block):before, .taxonomy-description ul:not([class])>li:not(.sitemap-list__block):before {
    content: '\002A';
    top: 0;
    font-size: 16px;
    color: #3960ff;
    border: none;
}

Код иконки \002A, размер иконки 16px и цвет иконки #3960ff можно изменить на другие.

Тема Root

/* Изменить иконки в маркированных списках */
.entry-content ul.wp-block-list>li:before, .entry-content ul:not([class])>li:before, .home-text ul.wp-block-list>li:before, .home-text ul:not([class])>li:before, .taxonomy-description ul.wp-block-list>li:before, .taxonomy-description ul:not([class])>li:before {
    content: '\002A';
    font-size: 16px;
    color: #5a80b1;
    background: none;
}

Код иконки \002A, размер иконки 16px и цвет иконки #5a80b1 можно изменить на другие.

Тема Cook It

/* Изменить иконки в маркированных списках */
.entry-content ul.wp-block-list>li:before, .entry-content ul:not([class])>li:before, .home-text ul.wp-block-list>li:before, .home-text ul:not([class])>li:before, .taxonomy-description ul.wp-block-list>li:before, .taxonomy-description ul:not([class])>li:before {
    content: '\002A';
    top: 0;
    font-size: 16px;
    color: #ff4e00;
    background: none;
}

Код иконки \002A, размер иконки 16px и цвет иконки #ff4e00 можно изменить на другие.

Тема JournalX

/* Изменить иконки в маркированных списках */
.archive-description ul.wp-block-list li:before, .archive-description ul:not([class]) li:before, .entry-content ul.wp-block-list li:before, .entry-content ul:not([class]) li:before, .home-text ul.wp-block-list li:before, .home-text ul:not([class]) li:before {
    content: '\002A';
    top: 0;
    font-size: 16px;
    color: #305cf7;
    background: none;
}

Код иконки \002A, размер иконки 16px и цвет иконки #305cf7 можно изменить на другие.

Тема Yelly

/* Изменить иконки в маркированных списках */
.entry-content ul.wp-block-list>li:before, .entry-content ul:not([class])>li:before, .home-text ul.wp-block-list>li:before, .home-text ul:not([class])>li:before, .taxonomy-description ul.wp-block-list>li:before, .taxonomy-description ul:not([class])>li:before {
    content: '\002A';
    top: 0;
    font-size: 16px;
    color: #343c55;
    background: none;
}

Код иконки \002A, размер иконки 16px и цвет иконки #343c55 можно изменить на другие.

Список иконок можно посмотреть здесь.

Вам помог ответ?