1. Виды виджета «Спойлер»
​2.Настройки виджета «Спойлер»
​
​Как убрать заглавный регистр у заголовка спойлера?
​Как изменить цвет фона?
​Где еще можно найти спойлеры?
​Можно ли один из спойлеров показывать сразу раскрытым на странице?
​

Виджет «Спойлер» предназначен для показа и скрытия размещенного в виджете контента. Ответы на вопросы, длинные тексты и любые элементы будут показываться и скрываться по нажатию на кнопку.

Найти элемент можно на панели инструментов:

Виджет представлен в трёх видах:

После того, как мы выбрали нужный виджет, перейдем к его наполнению.
Подкорректируем заголовок как обычный текст и разместим в спойлере
желаемые виджеты:

Для настройки внешнего вида спойлера перейдем в настройки, для этого кликаем по меню «Гаечный ключ» в правом верхнем углу виджета.
​

У каждого вида спойлера свой набор настроек. Рассмотрим уже добавленный второй тип, в котором можно изменить:

Цвет фона «Спойлера» можно изменить на любой из палитры цветов, кликнув по цветному квадрату, или на один из глобальных цветов, выбрав иконку «земной шар».

Цвет кнопки, которая показывает и скрывает содержимое виджета, можно изменить на любой цвет также, как и фон.

Задаем размер границы виджета «Спойлер» передвигая ползунок, делая его толще или тоньше.

Двигая ползунок, размер иконки можно сделать больше или меньше.

Изменяем положение кнопки-иконки: она может находиться справа или слева.

Если необходимо подправить стили CSS или подкорректировать структуру спойлера, то имеется доступ к исходному коду виджета.
​
​

По умолчанию текст заголовка можно написать только большими буквами. Но если изменить 11 строку вкладки CSS на «text-transform: none;» то изменение регистра отменяется.

У первого вида спойлера для этой цели необходимо изменить строку 13 вкладки CSS.

У спойлеров с фоном, а это первый и второй тип, можно изменить строку 2 во вкладке CSS на «background-color: none;»
Это сделает их прозрачными.

Некоторые шаблоны секций содержат примеры использования спойлеров, такие примеры можно найти в группе «Вопросы и ответы»

Да, для этого в редакторе нужно не сворачивать необходимый спойлер на момент публикации.

Готово! Мы только что разместили на странице спойлер 🙂