Как изменить цвет иконки блоков внимания?
1. Для старого классического редактора
Перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте код
/* Блок Warning */
.entry-content blockquote:not(.wpremark).warning::before {
color: #f58128;
}
/* Блок Question */
.entry-content blockquote:not(.wpremark).question::before {
color: #3da2e0;
}
/* Блок Danger */
.entry-content blockquote:not(.wpremark).danger::before {
color: #ff6547;
}
/* Блок Check */
.entry-content blockquote:not(.wpremark).check::before {
color: #34bc58;
}
/* Блок Info */
.entry-content blockquote:not(.wpremark).info::before {
color: #3da2e0;
}
/* Блок Thumbs Up */
.entry-content blockquote:not(.wpremark).thumbs-up::before {
color: #34bc58;
}
/* Блок Thumbs Down */
.entry-content blockquote:not(.wpremark).thumbs-down::before {
color: #ff6547;
}
/* Блок Quote */
.entry-content blockquote:not(.wpremark).quote::before {
color: #9ca9c7;
}
2. Для нового редактора блоков Gutenberg
/* Блок Warning */
.entry-content blockquote:not(.wpremark).is-style-warning::before {
color: #f58128;
}
/* Блок Question */
.entry-content blockquote:not(.wpremark).is-style-question::before {
color: #3da2e0;
}
/* Блок Danger */
.entry-content blockquote:not(.wpremark).is-style-danger::before {
color: #ff6547;
}
/* Блок Check */
.entry-content blockquote:not(.wpremark).is-style-check::before {
color: #34bc58;
}
/* Блок Info */
.entry-content blockquote:not(.wpremark).is-style-info::before {
color: #3da2e0;
}
/* Блок Thumbs Up */
.entry-content blockquote:not(.wpremark).is-style-thumbs-up::before {
color: #34bc58;
}
/* Блок Thumbs Down */
.entry-content blockquote:not(.wpremark).is-style-thumbs-down::before {
color: #ff6547;
}
/* Блок Quote */
.entry-content blockquote:not(.wpremark).is-style-quote::before {
color: #9ca9c7;
}
В свойстве color
подставьте свой цвет.
Вам помог ответ?