Как настроить внешний вид встроенного спойлера?
Чтобы изменить фоновый цвет и цвет текста встроенного спойлера, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте код
.spoiler-box {
background: #f3f3f3;
color: #111;
}
.spoiler-box__body {
background: #fbfbfb;
}
Фоновый цвет заголовка #f3f3f3, фоновый цвет основного текста #fbfbfb и цвет текста #111 можете изменить на другие.
Чтобы убрать полосу слева в встроенном спойлере, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте код
.spoiler-box {
border: none;
}
Чтобы изменить цвет стрелки в встроенном спойлере, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте код
.spoiler-box__title:after {
background: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='far' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='ico-chevron-down'%3E%3Cpath fill='%234d3bfe' d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
}
В свойстве fill=’%234d3bfe’ вместо цвета 4d3bfe укажите другой цвет без #.
Вам помог ответ?