15 января, 2023

Отступ первой строки абзаца в Elementor

Привет, дорогие посетители! В этой статье мы покажем, как сделать отступ первой строки абзаца в Elementor (так называемая красная строка абзаца).

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

Отступ первой строки абзаца в Elementor

Итак, давайте сделаем красную строку для абзаца.

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

pervoj stroki abzacza v elementor 002

Как мы говорили выше, если нажать в текстовом редакторе редакторе виджета значки Увеличить отступ или Уменьшить отступ, то отступ применится ко всему абзацу, а не к первой строке.

Красная строка абзаца в Elementor
Добавили отступ для первого абзаца целиком

Чтобы сделать отступ только для первой строки, нужно воспользоваться css-свойством text-indent.

Добавляем красную строку для абзаца в Elementor

Для этого зайдем на вкладку виджета Расширенные => Пользовательские CSS и добавим следующий код в поле ввода своих стилей:

selector p {
    text-indent: 20px; /* Отступ первой строки в пикселях */
   }

Результат работы данного свойства на изображении ниже.

Отступ первой строки абзаца в Elementor

Вот и все, дорогие друзья! Как видите, ничего сложного нет!

Более подробно о вставке произвольных стилей читайте в нашей статье.

0

Интересные статьи

Announce

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.