Собственные стили лендинга

Собственные стили нужны, когда стандартных настроек темы и фона недостаточно. Сначала определите, что хотите изменить: всю страницу, все HTML-блоки или только один блок.

Настройте область применения

Откройте настройки лендинга.

• «CSS всего лендинга» применяется ко всей странице.
• «Общий CSS HTML-блоков» применяется только к содержимому HTML-блоков. :scope обозначает корень каждого такого блока.

Для отдельного блока используйте поле «CSS этого блока». Порядок применения: стили страницы, общие стили HTML-блоков, стили конкретного блока. Последние выигрывают при равной специфичности селекторов.

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

Правила CSS

• Каждое поле CSS принимает до 50 000 символов.
• Поддерживаются обычные селекторы, @media, @supports и @container.
• @keyframes и @font-face объявляйте только в «CSS всего лендинга». В стилях блока можно использовать уже объявленную анимацию или шрифт.
• @import и вложенные CSS-селекторы не поддерживаются. Вместо вложенности пишите полный селектор, например .course-info h2.
• В url(...) допустимы адреса http/https, абсолютный путь от корня сайта, #идентификатор и растровые data:image для PNG, JPEG, WebP или GIF.

Если поле содержит недопустимый CSS, его стили не применяются целиком. Исходный текст остаётся в черновике, а предпросмотр показывает ошибку. Исправьте указанное правило, прежде чем публиковать страницу. Проверьте оформление и в светлой, и в тёмной теме: собственные цвета не подбираются автоматически.