Spletna mesta lahko naredimo bolj estetsko privlačna, če besedilo prekrijemo s slikami. V tem članku bomo preučili, kako prekrivati besedilo na sliki v Elementorju.
Zdaj pa si na hitro oglejmo Elementorjevo vgrajeno podporo za besedilo nad sliko in poglejmo, kako hitro jo lahko implementirate.
Dodajanje besedila čez sliko
Dodajte nov razdelek
Na strani se bo pojavil nov razdelek; kliknite nanj, da ga dodate. Nato izberite prvo izbiro, ki je preprosta, navadna struktura odseka. Na voljo so vam tudi druge zgradbe. Zaradi jasnosti smo se odločili za to pot. Nato izberite ikono za urejanje odseka, da odprete okno za urejanje odseka na levi.
Vstavite sliko
V podoknu za urejanje odseka kliknite zavihek Slog in nato razširite spustni meni »Ozadje«. Za vrsto ozadja izberite "Klasično". Zdaj kliknite na znak "+" v atributu slike, da dodate sliko v razdelek.
Ustvarite neverjetna spletna mesta
Z najboljšim brezplačnim graditeljem strani Elementor
Začni zdaj
Nalaganje datotek
V oknu "Vstavi predstavnost" kliknite zavihek "Naloži datoteke".
Nato povlecite slikovno datoteko čez pojavno okno in jo spustite.
Kliknite sliko, ki ste jo pravkar naložili v "Media Library". Nato kliknite "Insert Media", da sliko dodate v razdelek.
Pozicioniranje slike
Če želite to narediti, moramo odpreti ploščo Urejanje razdelka razdelka.
Kliknite zavihek Slog in odprite spustni meni za Ozadje. Lastnost Position spremenite v »Center Center«, lastnost Repeat v »No-Repeat« in lastnost Size v »Cover«.
Dodajte naslov
Ko kliknete znak "+", se na levi prikaže plošča za dodajanje razdelkov. Od tam lahko dodate poljuben del slike kot prekrivanje.
Zdaj povlecite in spustite "Naslov" na razdelek. Nad sliko se bo prikazal del besedila.
Dodaj besedilo
V atributu naslova napišite svoje besedilo pod zavihkom "Vsebina".
Po tem spremenite Poravnavo na "Na sredino", tako da bo besedilo na sredini odseka in na sredini.
Zavijanje
Vredu! Zdaj veste, kako uporabljati Elementor za dodajanje besedila čez sliko. Upamo, da je bil ta vodnik v pomoč. Če imate kakršna koli vprašanja, nas vprašajte ali stopite v stik z nami.
