Kako postaviti besedilo na sliko (prekrivanje besedila) z Elementorjem

V tem članku se boste naučili, kako dodati besedilo na sliko v Elementorju. Prva stvar, ki jo morate narediti, je ustvariti novo stran in jo začeti urejati z Elementorjem. Dodan nov stolpec in koda možnosti Slog dodate sliko za ozadje. Nato nastavite možnosti. Položaj, pritrditev, ponovitev in velikost, kot vam ustreza in kako želite videti sliko. Nato v stolpec dodate naslov in videli boste sliko z besedilom.
Kako postaviti besedilo na sliko (prekrivanje besedila) z Elementorjem 1
Ko to storite, morate stilizirati besedilo, da se bolje prilega sliki. Ko stilizirate besedilo, greste na možnost Napredno, da nastavite, kateri del slike želite prikazati. Prilagodite razmik ali rob besedila, posebej v tem primeru je rob nastavljen nad in pod besedilom in ko to storite, dobite takšno sliko.
Kako postaviti besedilo na sliko (prekrivanje besedila) z Elementorjem 2
Nastavite lahko tudi animacijo besedila, kako se prikaže, ko se stran naloži, to je nastavljeno v kodi Učinki gibanja pod možnostjo Vhodna animacija. Besedilo lahko dodatno stilizirate tako, da ga uokvirite, okvirju dodate senco itd. Da bi okvir in slika izgledala bolje, bomo izbrisali rob in nastavili razmik med besedilom. Da bo vse skupaj videti še bolje, lahko nastavite barvo ozadja besedila, vendar prozorno, kot v tem primeru. Spodaj je primer slike, ki jo lahko dobite s temi nastavitvami.
Kako postaviti besedilo na sliko (prekrivanje besedila) z Elementorjem 3
Takšno sliko lahko nastavite precej hitro in enostavno, z različnimi elementi, ta primer uporablja naslov, ki ima prozorno črno ozadje in okvir ter padajočo senco. Končni izris slike z animacijo si lahko ogledate tako, da shranite stran in kliknete na Predogled sprememb v spodnjem levem kotu poleg gumba Objavi.
Kako postaviti besedilo na sliko (prekrivanje besedila) z Elementorjem 4
Na zgornji sliki si lahko ogledate delni pogled na to, kako bi lahko izgledala animacija. Upam, da je bilo to besedilo koristno za vas in da ste izvedeli kaj novega, če vas zanima več nasvetov za samostojno delo, si jih lahko ogledate na naši blog, v primeru, da se želite posvetovati s strokovnjaki, kliknite na tole povezava.

Vir: youtube

Vas zanimajo storitve naše agencije?

Pustite nam svoje podatke, da vas bomo lahko kontaktirali za več informacij.

Slika avtorja

Pustite komentar:
Delite ta članek z drugimi: