Трябва да разберете как да добавите изображение към текст в Elementor ?
Elementor направи възможно всеки да стане уеб дизайнер, без да е необходимо да има напреднали CSS умения. нея визуален редактор ви позволява да създадете красива уеб страница, без да пишете нито един ред CSS код. Можете просто да добавите дизайнерските елементи (джаджи), които искате, и да ги персонализирате в панела с настройки.
Въпреки това притежаването на някои CSS умения би било чудесен бонус при използванетоElementor. Ще можете да приложите уникални стилове към вашата уеб страница с помощта на функцията Персонализиран CSS наElementor. В тази статия ще ви покажем как да добавите изображение към текст в Elementor, като използвате персонализираната CSS функция на Elementor.
В някои инструменти за проектиране като GIMP и Photoshop обикновено трябва да добавите маркировка за слой, за да добавите изображение към текст. В Elementor можете да постигнете същото, като добавите CSS код към приспособлението за заглавие, а приспособлението Text на Elementor няма опция за настройка за добавяне на изображение като фон.
Добавете изображение към текст на Elementor
Преди да започнете, уверете се, че сте надстроили вашата версия на Elementor до про версията, ако не сте го направили, тъй като персонализираната CSS функционалност е достъпна само в Elementor Pro. След като сте готови, създайте нова страница или шаблон и ги редактирайте с Elementor. Разбира се, можете също да редактирате съществуваща страница или шаблон.
Вижте също: Elementor: Как да добавите съдържание
Добавете приспособлението за заглавие в полето за редактиране.
Отидете до панела за настройки, за да замените текста по подразбиране под раздела Съдържание.
Прочетете и нашето ръководство на: Elementor: Как да използвате инструмента за избор на цвят
Отидете на раздела Стил за персонализиране на текста. Можете да зададете размера на текста, стила на шрифта и т.н. ..., като щракнете върху иконата на молив в Опция за типография под блока Заглавие. Тъй като искате да използвате изображение като фон за вашия текст, няма нужда да задавате цвета на текста.
След това отидете в раздела напреднал и отворете блока Custom CSS и поставете следния CSS код. Заменете URL адреса на изображението със собствен URL адрес на изображението.
selector .elementor-heading-title
{
background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70% ;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}Ето примера.
Вземете Elementor Pro сега!
Заключение
Ето го ! Това е за тази статия, която ви показва как да добавите изображение към текст в Elementor. Ако имате някакви притеснения как да стигнете до там fуведомете ни в Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...