Как сделать градиентный заголовок в Elementor Pro

Градиентный текст в elementor Elementor

В статье разберем, как в конструкторе elementor сделать градиентный текст с помощью кода.

Градиентный заголовок
Шаг 1

Добавьте заголовок на странице и отредактируйте, далее переключитесь в настройках на вкладку расширенные найдите «Пользовательские CSS» и вставьте кусочек кода представленный чуть ниже.

Градиентный заголовок шаг 2
Шаг 2


Вставляете этот код:

selector .elementor-heading-title{
Вместо текста вставить код с сервиса mycolor.space
background-clip: text;
-webkit-background-clip: text;
}

Далее перейдите на сервис https://mycolor.space/gradient и сгенерируйте цвет который вам нужен, более подробно посмотрите видео. Скопируйте код, вернитесь в редактор настройки заголовка «Пользовательские CSS» и вставьте вместо жирного текста кусочек кода. После перейдите на вкладку стиль и задайте прозрачность на 0.
Градиентный заголовок элементор

Поздравляю, если вы сделали все правильно у Вас отобразиться градиентный заголовок.

Видео, как сделать градиентный заголовок

Оцените статью
Workruseo
Добавить комментарий