Как изменить цвет фона блоков внимания?

1. Для старого классического редактора

Перейдите Внешний вид > Настроить > Дополнительные стили и вставьте код


/* Блок Question */
.entry-content blockquote.question {
background: linear-gradient(to right,#e3f1f4 0,#e3edff 100%);
}

/* Блок Warning */
.entry-content blockquote.warning {
background: linear-gradient(to right,#fff4d4 0,#ffeadc 100%);
}

/* Блок Danger */
.entry-content blockquote.danger {
background: linear-gradient(to right,#ffe3db 0,#ffebd8 100%);
}

/* Блок Check */
.entry-content blockquote.check {
background: linear-gradient(to right,#def9e5 0,#effbce 100%);
}

/* Блок Info */
.entry-content blockquote.info {
background: linear-gradient(to right,#e3f1f4 0,#e3edff 100%);
}

/* Блок Thumbs Up */
.entry-content blockquote.thumbs-up {
background: linear-gradient(to right,#def9e5 0,#effbce 100%);
}

/* Блок Thumbs Down */
.entry-content blockquote.thumbs-down {
background: linear-gradient(to right,#ffe3db 0,#ffebd8 100%);
}

/* Блок Quote */
.entry-content blockquote.quote {
background: linear-gradient(to right,#eff4f5 0,#e8f4f5 100%);
}

/* Стандартная цитата */
.entry-content blockquote {
background: #f2f5f9;
}

2. Для нового редактора блоков Gutenberg

/* Блок Warning */
.entry-content blockquote.is-style-warning {
background: linear-gradient(to right,#fff4d4 0,#ffeadc 100%);
}

/* Блок Question */
.entry-content blockquote.is-style-question {
background: linear-gradient(to right,#e3f1f4 0,#e3edff 100%);
}

/* Блок Danger */
.entry-content blockquote.is-style-danger {
background: linear-gradient(to right,#ffe3db 0,#ffebd8 100%);
}

/* Блок Check */
.entry-content blockquote.is-style-check {
background: linear-gradient(to right,#def9e5 0,#effbce 100%);
}

/* Блок Info */
.entry-content blockquote.is-style-info {
background: linear-gradient(to right,#e3f1f4 0,#e3edff 100%);
}

/* Блок Thumbs Up */
.entry-content blockquote.is-style-thumbs-up {
background: linear-gradient(to right,#def9e5 0,#effbce 100%);
}

/* Блок Thumbs Down */
.entry-content blockquote.is-style-thumbs-down {
background: linear-gradient(to right,#ffe3db 0,#ffebd8 100%);
}

/* Блок Quote */
.entry-content blockquote.is-style-quote {
background: linear-gradient(to right,#eff4f5 0,#e8f4f5 100%);
}

/* Стандартная цитата */
.entry-content blockquote {
background: #f2f5f9;
}

В коде, в качестве значения директивы background, используется градиент с указанием 2-х цветов. Измените эти цвета на свои. Также можно задать сплошной цвет:

background: #fff;

 

Вам помог ответ?
Похожие вопросы
Как изменить фоновый цвет контента?
+9
Как в карточках постов "Стандартная" вывести кнопку "Читать далее"?
+8
Как на мобильном "Меню в шапке" вывести под "Меню под шапкой"?
+8
Как изменить цвет заголовка записи\страницы?
+7
Как вывести виджет анонсов записей с миниатюрами?
+7
Как изменить иконку в маркированных списках
+5
Как добавить фавикон?
+46
Как изменить адрес страницы, с которой было отправлено сообщение?
+4
Как вывести содержание поста (оглавление)?
+4
Как вывести подменю в 2 колонки?
+4
Почему не отображаются иконки на профили в социальных сетях?
+4
Как вывести блоки Конструктора главной на главной статической странице
+4
Как включить комментарии на страницах?
+4
Как изменить карточки постов на главной странице?
+4
Как выровнять слева кнопку Наверх?
+3
Как добавить рекламный код между карточками постов?
+3
Как убрать автоматический вывод миниатюры на странице записи?
+3
Как вывести блок автора на странице записи?
+3
Как в рекламные блоки вставить код php?
+3
Как добавить заголовок H1 на главной странице?
+3