Trebate saznati kako tekstu dodati sliku Elementor ?
Elementor omogućio je svakome da postane web dizajner bez potrebe za naprednim CSS vještinama. njoj vizualni urednik omogućuje vam stvaranje prekrasne web stranice bez pisanja ijedne linije CSS koda. Možete jednostavno dodati elemente dizajna (widgete) koje želite i prilagoditi ih na ploči postavki.
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 alatima za dizajn kao što su GIMP i Photoshop obično morate dodati oznaku sloja da biste dodali sliku u tekst. U Elementoru možete postići istu stvar dodavanjem CSS koda u widget Naslov, a Elementorov Text widget nema 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.
...