В статье разберем, как в конструкторе elementor сделать градиентный текст с помощью кода.
Добавьте заголовок на странице и отредактируйте, далее переключитесь в настройках на вкладку расширенные найдите «Пользовательские CSS» и вставьте кусочек кода представленный чуть ниже.
Вставляете этот код:
selector .elementor-heading-title{
Вместо текста вставить код с сервиса mycolor.space
background-clip: text;
-webkit-background-clip: text;
}
Далее перейдите на сервис https://mycolor.space/gradient и сгенерируйте цвет который вам нужен, более подробно посмотрите видео. Скопируйте код, вернитесь в редактор настройки заголовка «Пользовательские CSS» и вставьте вместо жирного текста кусочек кода. После перейдите на вкладку стиль и задайте прозрачность на 0.
Поздравляю, если вы сделали все правильно у Вас отобразиться градиентный заголовок.
