Treci la conținutul principal

Cum se adaugă o imagine textului în Elementor

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Trebuie să aflați cum să adăugați imagine la text în Elementor?

Elementor a făcut posibil ca toată lumea să devină un designer web fără a avea nevoie de abilități CSS avansate. Editorul său vizual vă permite să creați o pagină web frumoasă fără a scrie o singură linie de cod CSS. Puteți adăuga elementele de design (widget-uri) dorite și le puteți personaliza în panoul de setări.

Chiar și așa, a avea abilități CSS ar fi un mare bonus în utilizarea Elementor. Veți putea aplica stiluri unice paginii dvs. web utilizând caracteristica CSS personalizată a Elementor. În acest articol, vă vom arăta cum să adăugați imagine la text în Elementor folosind funcția CSS personalizată a Elementor.

În unele instrumente de proiectare, cum ar fi GIMP și Photoshop, de obicei trebuie să adăugați un semn de strat pentru a adăuga o imagine în text. În Elementor, puteți realiza același lucru adăugând cod CSS ca widget Titlu și widget Text în Elementor nu are o opțiune de setare pentru a adăuga imagini ca fundal.

Adăugați o imagine la un text Elementor

Înainte de a începe, asigurați-vă că ați actualizat versiunea dvs. Elementor la versiunea pro, dacă nu ați făcut-o, deoarece funcționalitatea CSS personalizată este disponibilă numai pe Elementor Pro. După ce sunteți gata, creați o nouă pagină sau șablon și editați-o cu Elementor. Desigur, puteți edita și o pagină sau un șablon existent.

Adăugați widgetul Titlu în caseta de editare.

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

Cum se adaugă o imagine textului în Elementor

Accesați panoul de setări pentru a înlocui textul implicit de sub filă Conținut.

Accesați fila Stil pentru a personaliza textul. Puteți seta dimensiunea textului, stilul fontului, etc ... făcând clic pe pictograma creion din Opțiunea de tipografie sub bloc Titlu. Deoarece doriți să utilizați o imagine ca fundal pentru textul dvs., nu este nevoie să setați culoarea textului.

Apoi accesați fila avansat și deschideți blocul Obicei CSS și lipiți următorul cod CSS. Înlocuiți adresa URL a imaginii cu propria adresă URL a imaginii.

selector .elementor-heading-title {background: url ("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") verde repetare 30% 70% ; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

Iată exemplul.

Cum se adaugă o imagine textului în Elementor

Obțineți Elementor Pro acum!

Concluzie

Aici ! Asta este pentru acest articol care vă arată cum să adăugați o imagine la text în Elementor. Dacă aveți nelămuriri cu privire la modul de a ajunge acolo fanunțați-ne în comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...

Acest articol conține comentarii 0

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top
0 acțiuni
acțiune
tweet
Registru