Trebate saznati kako tekstu dodati sliku Elementor ?
Elementor omogućio je svima da postanu web dizajneri bez potrebe za naprednim CSS vještinama. Njegov vizualni uređivač omogućuje vam stvaranje prekrasne web stranice bez pisanja jednog retka CSS koda. Možete samo dodati bilo koji element dizajna (widgete) koji želite i prilagoditi ih na ploči s postavkama.
Unatoč tome, posjedovanje nekih CSS vještina bio bi veliki bonus u korištenjuElementor. Pomoću ove funkcije moći ćete primijeniti jedinstvene stilove na svoju web stranicu Prilagođeni CSS odElementor. U ovom članku pokazat ćemo vam kako dodati sliku tekstu u Elementoru koristeći Elementorovu prilagođenu CSS značajku.
U nekim outils dizajne kao što su GIMP i Photoshop, obično morate dodati oznaku sloja da dodate sliku u tekst. U Elementoru možete postići isto dodavanjem CSS koda da Widget Elementor Title i Widget Text nemaju opciju podešavanja za dodavanje slike kao pozadine.
Dodavanje slike u tekst Elementor
Prije nego što započnete, provjerite jeste li nadogradili svoju verziju Elementara na pro verziju, ako niste, budući da je prilagođena CSS funkcionalnost dostupna samo na Elementor Pro. Kada budete spremni, stvorite novu stranicu ili predložak i uredite ih pomoću Elementara. Naravno, možete urediti i postojeću stranicu ili predložak.
Otkrijte također: Elementor: Kako dodati sadržaj
Dodajte widget Naslov u uređivački okvir.
Idite na ploču s postavkama da biste zamijenili zadani tekst ispod kartice Sadržaj.
Pročitajte i naš vodič na: Elementor: Kako koristiti birač boja
Idite na karticu Stil za prilagodbu teksta. Veličinu teksta, stil fonta itd. Možete postaviti klikom na ikonu olovke u Opcija tipografije ispod bloka Titula. Budući da sliku želite koristiti kao pozadinu teksta, ne morate postavljati boju teksta.
Zatim idite na karticu napredan i otvorite blok običaj CSS i zalijepite sljedeći CSS kôd. Zamijenite URL slike vlastitim URL-om slike.
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;
}
Evo primjera.
Nabavite Elementor Pro odmah!
Zaključak
Ovdje je ! To je to za ovaj članak koji vam pokazuje kako dodati sliku u tekst u Elementoru. Ako imate bilo kakvih nedoumica kako doći tamo fjavite nam u Komentari.
Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...