🔥 Новая модификация: Система скролл-эффектов!
Roman Yu.
Телеграм-канал
Инструкции
Модификации
Вернуться ко всем модификациям

Отступ первой строки текста (красная строка) в Zero Block

Модификация для создания классической красной строки или декоративных абзацных отступов. Позволяет задать точное смещение первой строки текста в пикселях для разных разрешений.

Как сделать отступ первой строки текста

  • Назначь класс тексту в zero block
    Укажи тексту в zero block свой css-класс. Инструкция как добавить свой класс элементу.
  • Впиши класс в генераторе
    Укажи в поле ниже то же имя класса, которое было вписано в zero block. Обязательно с точкой в начале: например, .yu-text-indent
  • Настрой отступы в генераторе
    Укажи в полях ниже отступ для каждого разрешения. Можно использовать положительные и отрицательные значения. Обязательно вписывай значение вместе с единицей измерения, например: 200px или -50px
  • Установи код на сайт
    Скопируй готовый код и вставь его в блок T123. Памятка по вставке кода.
<!-- romanyu.ru/yu-021 | v1.0.0 | © 2026 Roman Yushin | All rights reserved | romanyu.ru/terms -->
<style>.yu-text-indent{--yu-text-indent:30px;text-indent:var(--yu-text-indent)!important}@media (max-width:1199px){.yu-text-indent{--yu-text-indent:25px}}@media (max-width:959px){.yu-text-indent{--yu-text-indent:20px}}@media (max-width:639px){.yu-text-indent{--yu-text-indent:15px}}@media (max-width:479px){.yu-text-indent{--yu-text-indent:10px}}</style>
Понравилось решение?