Divi vă permite să plasați glisoarele în secțiuni cu lățime completă, făcând glisorii dvs. să se extindă pe întreaga lățime a browserului. Slider-urile Divi (Sliders) acceptă fundaluri de paralaxă, precum și fundaluri video!

Cum se adaugă un modul Diapo cu lățime întreagă de la Divi

Înainte de a putea adăuga un modul glisor cu lățime completă la pagina dvs., trebuie mai întâi să accesați Divi Builder. Odata ce Divi tema instalat pe dvs site-ul web, veți observa un buton Utilizați Divi Builderdeasupra editorului de postare ori de câte ori creați o pagină nouă. Faceți clic pe acest buton pentru a activa Divi Builder și pentru a accesa toate modulele Divi Builder. Apoi faceți clic pe buton Utilizați Visual Builder pentru a porni generatorul în modul vizual. De asemenea, puteți face clic pe buton Utilizați Visual Builder când răsfoiți dvs site-ul web în prim-plan dacă sunteți conectat la tabloul de bord WordPress.

Odată ce vă aflați în Visual Builder, puteți face clic pe butonul plus gri pentru a adăuga un nou modul la pagina dvs. Modulele noi pot fi adăugate numai în rânduri. Dacă începeți o pagină nouă, nu uitați să adăugați mai întâi un rând la pagina dvs.

Găsiți modulul glisor de lățime completă în lista de module și faceți clic pe acesta pentru a-l adăuga la pagina dvs. Lista modurilor poate fi căutată, ceea ce înseamnă că puteți tasta și cuvântul „Slide” și apoi faceți clic pe Enter pentru a găsi și adăuga automat modulul glisor cu lățime completă! Odată adăugat modulul, veți fi întâmpinat de lista de opțiuni a modulului. Aceste opțiuni sunt separate în trei grupe principale: Conținut , Concepție et avansat .

Exemplu de caz de utilizare: adăugarea unei secțiuni de erou glisor cu lățime completă pe pagina dvs. de pornire

Un glisor cu lățime completă este o modalitate excelentă de a prezenta mai multe CTA peste pragul paginii dvs. de pornire. Combinația de imagini și conținut poate oferi într-adevăr secțiunii dvs. un sentiment profesional care iese în evidență.

Pentru acest exemplu, voi adăuga un diapozitiv cu lățime completă pentru a servi ca secțiune principală pe o pagină de pornire.

Folosind Visual Builder, adăugați o secțiune Fullwidth în partea de sus a paginii dvs. web. Apoi introduceți modulul Glisor de lățime completă în noua dvs. secțiune. În fila Conținut a setărilor diapozitivului cu lățime completă, faceți clic pe + Adaugă un articol nou pentru a crea prima diapozitivă.

În setările de diapozitive ale primei diapozitive, actualizați următoarele opțiuni:

Opțiuni de conținut

En-cap : [introduceți titlul diapozitivului]
Buton text : [introduceți textul butonului]
Conținut : [introduceți conținutul text al diapozitivului]
Buton URL : [introduceți adresa URL de destinație a butonului Slide]
Imagine de fundal : [introduceți imaginea care va servi drept fundal pentru diapozitiv]

Opțiuni de proiectare

Utilizați suprapunerea în fundal : DA
Culoarea suprapunerii fundalului : rgba (0,0,0,0.2) această suprapunere întunecă ușor imaginea de fundal pentru a face textul mai lizibil.

Salvați setările de diapozitive

Acum copiați diapozitivul pe care tocmai l-ați creat și actualizați noul diapozitiv cu conținut nou, după cum este necesar. Repetați acest lucru pentru toate diapozitivele pe care doriți să le adăugați.

Asta e tot. Pentru acest exemplu, includ doar două diapozitive, dar rezultatul este un glisor eficient pentru erou cu lățime completă, cu mai multe îndemnuri, care implică utilizatorul să facă clic pe butonul pentru mai multe informații. Deoarece acesta este principalul apel la acțiune pentru dvs site-ul web, vă sugerez să rulați teste împărțite pe diapozitivul cu lățime completă folosind Divi Leads și să vedeți care dintre ele face cel mai bine conversia.

Slide Opțiuni de conținut complet

În fila conținut, veți găsi toate elementele de conținut ale modulului, cum ar fi text, imagini și pictograme. Toate acestea controlează ce apare în modulul dvs. va fi întotdeauna găsit în această filă.

săgeți

Alegeți dacă doriți sau nu să afișați săgețile de navigare stânga și dreapta.

controale

Alegeți dacă doriți sau nu să afișați butoanele de cerc / indicatoarele de diapozitive din partea de jos a cursorului.

Etichetă de administrator

Aceasta va schimba eticheta modulului din constructor pentru o identificare ușoară. Când utilizați vizualizarea WireFrame în Visual Builder, aceste etichete apar în blocul de module din interfața Divi Builder.

Slide Module Design Options

În fila Proiectare, veți găsi toate opțiunile de stilare a modulului, cum ar fi fonturile, culorile, dimensionarea și spațiul. Aceasta este fila pe care o veți utiliza pentru a schimba aspectul modulului dvs. Fiecare modul Divi are o listă lungă de setări de proiectare pe care le puteți utiliza pentru a schimba orice.

Îndepărtați umbra interioară

În mod implicit, o umbră internă este afișată în cursor. Dacă doriți să dezactivați această umbră, puteți face acest lucru folosind această setare.

Efectul paralaxelor

Activarea acestei opțiuni va oferi imaginilor de fundal o poziție fixă în timp ce derulați. Rețineți că atunci când această setare este activată, imaginile dvs. vă vor scala imaginile la înălțimea browserului.

Font antet

Puteți modifica fontul textului antetului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, cursive, cu majuscule și cu subliniere.

Dimensiunea fontului antetului

Aici puteți regla dimensiunea textului antetului. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii dorite a textului în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.

Culoare text antet

În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului antetului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațierea literelor antet

Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul antetului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.

Înălțimea rândului antet

Înălțimea rândului afectează spațiul dintre fiecare rând al textului antetului dvs. Dacă doriți să măriți spațiul dintre fiecare rând, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmp de intrare în dreapta cursorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.

Poliția de corp

Puteți schimba fontul corpului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, cursive, cu majuscule și cu subliniere.

Dimensiunea fontului corpului

Aici puteți regla dimensiunea textului corpului. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau a introduce direct valoarea dimensiunii textului dorit în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.

Culoarea textului corporal

În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațierea literelor corporale

Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din text, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.

Înălțimea liniei corpului

Înălțimea liniei afectează spațiul dintre fiecare linie de text din corpul dvs. Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere situat în dreapta cursorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.

Căptușeală superioară

Acest parametru controlează spațiul intern dintre partea de sus a modulului și conținutul textului din modul. Dacă doriți să măriți sau să micșorați acest spațiu, introduceți aici valoarea dorită. De exemplu, pentru a reduce spațiul și dimensiunea generală a cursorului, puteți introduce o valoare de 100px. De asemenea, puteți introduce o valoare procentuală, de exemplu 10%, pentru a face înălțimea mai dinamică.

Căptușire de jos

Acest parametru controlează spațiul intern dintre partea de jos a modulului și conținutul textului din modul. Dacă doriți să măriți sau să micșorați acest spațiu, introduceți aici valoarea dorită. De exemplu, pentru a reduce spațiul și dimensiunea generală a cursorului, puteți introduce o valoare de 100px. De asemenea, puteți introduce o valoare procentuală, de exemplu 10%, pentru a face înălțimea mai dinamică.

Utilizați stiluri personalizate pentru buton

Activarea acestei opțiuni afișează diverse setări de personalizare a butoanelor pe care le puteți utiliza pentru a schimba aspectul butonului modulului.

Dimensiunea textului butonului

Această setare poate fi utilizată pentru a mări sau micșora dimensiunea textului din buton. Butonul se adaptează pe măsură ce dimensiunea textului crește și scade.

Culoarea textului butonului

În mod implicit, butoanele adoptă culoarea accentului temei dvs. așa cum este definită în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare de text personalizată butonului acestui modul. Selectați culoarea personalizată folosind selectorul de culori pentru a schimba culoarea butonului.

Culoarea fundalului butonului

În mod implicit, butoanele au o culoare de fundal transparentă. Acest lucru poate fi modificat selectând culoarea de fundal dorită din selectorul de culori.

Lățimea marginii butonului

Toate butoanele Divi au o margine de 2 px în mod implicit. Această margine poate fi mărită sau micșorată folosind această setare. Bordurile pot fi eliminate prin introducerea unei valori 0.

Culoarea frontierei butonului

În mod implicit, marginile butoanelor adoptă culoarea accentului temei dvs., așa cum este definită în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare de margine personalizată butonului acestui modul. Selectați culoarea personalizată utilizând selectorul de culori pentru a schimba culoarea marginii butonului.

Rază de margine a butonului

Raza chenarului afectează rotunjimea colțurilor butoanelor. În mod implicit, butoanele din Divi au o rază mică de margine care rotunjește colțurile cu 3 pixeli. Puteți reduce această valoare la 0 pentru a crea un buton pătrat sau o puteți crește semnificativ pentru a crea butoane cu margini circulare.

Spațierea literelor butonului

Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul butonului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.

Button Font

Puteți modifica fontul textului butonului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, italice, cu majuscule și cu subliniere.

Adăugați o pictogramă de buton

Dezactivată, această setare va elimina pictogramele din buton. În mod implicit, toate butoanele Divi afișează o pictogramă săgeată pe hover.

Pictograma butonului

Dacă pictogramele sunt activate, puteți utiliza această setare pentru a alege ce pictogramă să utilizați în butonul dvs. Divi are diferite pictograme pentru a alege.

Buton pictogramă culoare

Ajustarea acestei setări va schimba culoarea pictogramei care apare pe butonul dvs. În mod implicit, culoarea pictogramei este aceeași cu culoarea textului butonului dvs., dar această setare vă permite să reglați culoarea independent.

Butonul de plasare a butonului

Puteți alege să afișați pictograma butonului dvs. la stânga sau la dreapta butonului dvs.

Afișați pictograma numai când treceți cu mouse-ul peste buton

În mod implicit, pictogramele butoanelor sunt afișate numai atunci când se deplasează. Dacă doriți ca pictograma să apară întotdeauna, dezactivați această setare.

Deplasați culoarea textului butonului

Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.

Culoarea fundalului butonului mouse-ului

Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.

Butonul de marcare a hărții pentru culoare

Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.

Cu butonul de radar frontal

Când butonul este plasat pe mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea se va modifica de la valoarea de bază definită în setările anterioare.

Indicație pentru distanța dintre note

Când butonul este plasat pe mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea se va modifica de la valoarea de bază definită în setările anterioare.

Modul de diapozitive cu opțiuni avansate

În fila avansată, veți găsi opțiuni pe care designerii web mai experimentați le-ar putea găsi utile, cum ar fi atributele CSS și HTML personalizate. Aici puteți aplica CSS personalizat oricăruia dintre numeroasele elemente ale modulului. De asemenea, puteți aplica clase și ID-uri CSS personalizate modulului, care pot fi utilizate pentru a personaliza modulul în fișierul style.css al temei copilului dvs.

Cod CSS

Introduceți un ID CSS opțional de utilizat pentru acest modul. Un ID poate fi folosit pentru a crea un stil CSS personalizat sau pentru a crea legături către anumite secțiuni ale paginii dvs.

CSS

Introduceți clasele CSS opționale de utilizat pentru acest modul. O clasă CSS poate fi utilizată pentru a crea un stil CSS personalizat. Puteți adăuga mai multe clase, separate printr-un spațiu. Aceste clase pot fi utilizate în tema copilului Divi sau în foaia de stil CSS personalizată pe care o adăugați la pagina dvs. sau la site-ul dvs. web utilizând opțiunile temei Divi sau setările paginii Divi Builder.

CSS personalizate

CSS personalizat poate fi, de asemenea, aplicat modulului și oricărui intern al modulului. În secțiunea CSS personalizată, veți găsi un câmp de text în care puteți adăuga foi de stil CSS personalizate direct la fiecare element. Intrările CSS din aceste setări sunt deja înfășurate în etichetele de stil. Deci, introduceți regulile CSS separate prin punct și virgulă.

Animație automată

Dacă doriți ca cursorul să alunece automat, fără ca vizitatorul să facă clic pe butonul următor, activați această opțiune, apoi reglați viteza de rotație de mai jos, dacă doriți.

Viteza automată a animației (în ms)

Aici puteți indica cât de rapid se estompează cursorul între fiecare diapozitiv, dacă opțiunea „Auto-animare” este activată mai sus. Cu cât este mai mare numărul, cu atât este mai lungă pauza între fiecare rotație.

Continuați să derulați automat pe Hover

Dacă activați acest lucru, veți permite auto-slide să continue pe mouse-ul mouse-ului.

Ascundeți conținutul pe telefonul mobil

Pe măsură ce dimensiunea ecranului devine mai mică pe dispozitivele mobile, proprietățile imobiliare ale ecranului devin mai valoroase. Uneori este o idee bună să opriți câteva elemente mai puțin importante ale cursorului pentru a reduce dimensiunea cursorului și pentru ao face mai ușor de citit. Activarea acestei setări ascunde conținutul textului cursorului pe mobil.

Ascunde CTA pe mobil

Vizualizați imaginea / videoclipul pe mobil

Pe măsură ce dimensiunea ecranului se micșorează pe dispozitivele mobile, proprietățile imobiliare ale ecranului devin mai valoroase. Uneori este o idee bună să opriți câteva elemente mai puțin importante ale cursorului pentru a reduce dimensiunea cursorului și pentru ao face mai ușor de citit. Activarea acestei setări afișează imagini de diapozitive și videoclipuri pe mobil (acestea sunt dezactivate în mod implicit).

vizibilitate

Această opțiune vă permite să controlați dispozitivele pe care apare modulul dvs. Puteți alege să vă dezactivați modulul individual pe tablete, smartphone-uri sau desktop-uri. Acest lucru este util dacă doriți să utilizați moduri diferite pe diferite dispozitive sau dacă doriți să simplificați designul mobil prin eliminarea anumitor elemente de pe pagină.

Opțiuni de conținut pentru elementele modulului de diapozitiv cu lățime completă

Titlu

Setați aici textul titlului dvs. de cursor.

Buton text

Dacă doriți să afișați un buton sub conținutul diapozitivului, introduceți textul butonului aici. Lăsați acest câmp necompletat dacă nu doriți să afișați un buton.

Conținut

Introduceți aici conținutul corpului cursorului. Rețineți că cantitatea de text pe care o introduceți aici va determina înălțimea diapozitivelor.

Buton URL

Dacă afișați un buton, introduceți un URL web valid în acest câmp pentru a seta legătura de destinație.

Trageți imaginea

Dacă adăugați o imagine de diapozitiv, aceasta va apărea în partea stângă a textului diapozitivului deasupra fundalului diapozitivului. Dacă nu specificați o imagine de diapozitiv, veți fi în stânga cu un diapozitiv centrat, numai text. Deoarece înălțimea fiecărei diapozitive este determinată de text, dacă imaginea diapozitivului este suficient de înaltă, aceasta va cădea sub partea de jos a diapozitivului, creând o imagine aliniată în partea de jos.

Rețineți că înălțimea unui diapozitiv cu o imagine de diapozitiv poate fi determinată de o diapozitivă mai înaltă în glisor. Asigurați-vă că imaginea diapozitivului este suficient de mare pentru a se potrivi dacă doriți să aveți o imagine aliniată în partea de jos. Din motive de lizibilitate, imaginile de diapozitive apar numai în glisoarele de coloană, coloană sau 1 coloană. În mod similar, imaginile de diapozitive nu vor fi afișate pe lățimile browserului mai mici de 768 pixeli. Lățimile imaginilor de diapozitive sunt definite mai jos. Vă recomandăm ca imaginile dvs. de diapozitive să fie cel puțin la fel de largi.

Diapozitiv video

Dacă adăugați un videoclip cu diapozitive, acesta va apărea în partea stângă a textului diapozitivului deasupra fundalului diapozitivului. Dacă nu specificați un videoclip cu diapozitive, veți fi în stânga cu un diapozitiv centrat, numai text. Deoarece înălțimea fiecărei diapozitive este determinată de text, dacă imaginea diapozitivului este suficient de înaltă, aceasta va cădea sub partea de jos a diapozitivului, creând o imagine aliniată în partea de jos.

Întrerupeți videoclipul

Permiteți videoclipului să fie întrerupt de către alți jucători atunci când încep să joace

Imagine de fundal

Dacă este setată, această imagine va fi folosită ca fundal pentru acest modul. Pentru a elimina o imagine de fundal, trebuie doar să eliminați adresa URL din câmpul de setări.

Înălțimea unui diapozitiv este determinată de cantitatea de text pe care o adăugați. Dacă aveți mai multe diapozitive, glisorul va lua înălțimea celui mai înalt diapozitiv.

Lățimea cursorului dvs. este determinată de lățimea browserului. Pe baza dimensiunilor standard ale ecranului, vă recomandăm ca imaginile dvs. să fie de cel puțin 1280 x 768 px.

Poziția imaginii de fundal

Implicit, imaginile de fundal sunt afișate în centrul diapozitivului. Puteți utiliza această setare pentru a schimba plasarea în partea de sus, jos, stânga, dreapta sau în oricare dintre cele patru colțuri ale diapozitivului.

Dimensiunea imaginii de fundal

În mod implicit, imaginile de fundal vor fi mărite proporțional pentru a se asigura că vor umple întreaga diapozitivă. Cu toate acestea, puteți utiliza această opțiune pentru a modifica comportamentul implicit. „Acoperire” este comportamentul implicit, care scalează imaginea pentru a acoperi întreaga zonă a diapozitivului. „Fit” va forța, de asemenea, imaginea să acopere întreaga zonă, cu toate acestea, va forța înălțimea și lățimea imaginii pentru a se potrivi cu înălțimea și lățimea cursorului. Acest lucru poate duce la o imagine distorsionată, dar va împiedica decuparea imaginii. „Dimensiune reală” nu scalează imaginea și o afișează la dimensiunea sa nativă.

Culoarea de fundal

Dacă doriți doar să utilizați un fundal de culoare solidă pentru diapozitiv, utilizați selectorul de culori pentru a seta o culoare de fundal.

Video de fundal MP4

Toate videoclipurile trebuie descărcate în ambele formate .MP4 .WEBM pentru a asigura compatibilitate maximă în toate browserele. Descărcați versiunea .MP4 aici. Notă importantă: fundalurile video sunt dezactivate de pe dispozitivele mobile. În schimb, va fi utilizată imaginea dvs. bkacground. Din acest motiv, ar trebui să setați atât o imagine de fundal, cât și un videoclip de fundal pentru a asigura rezultate mai bune.

Videoclip de fundal WEBM

Toate videoclipurile trebuie descărcate în ambele formate .MP4 .WEBM pentru a asigura compatibilitate maximă în toate browserele. Descărcați versiunile .WEBM aici. Notă importantă: fundalurile video sunt dezactivate de pe dispozitivele mobile. În schimb, va fi utilizată imaginea dvs. bkacground. Din acest motiv, ar trebui să setați atât o imagine de fundal, cât și un videoclip de fundal pentru a asigura rezultate mai bune.

Lățimea videoclipului de fundal

Pentru ca videoclipurile să fie dimensionate corespunzător, trebuie să introduceți aici lățimea exactă (în pixeli) a videoclipului dvs.

Fundal video înălțime

Pentru ca videoclipurile să fie dimensionate corespunzător, trebuie să introduceți aici înălțimea exactă (în pixeli) a videoclipului dvs.

Opțiuni de proiectare a elementelor de glisare

Utilizați suprapunerea în fundal

Când este activată, o culoare de suprapunere personalizată va fi adăugată deasupra imaginii de fundal și în spatele conținutului glisant.

Culoarea suprapusă în fundal

Utilizați selectorul de culori pentru a alege o culoare pentru fundal.

Utilizați suprapunerea textului

Când această opțiune este activată, se adaugă o culoare de fundal în spatele textului cursorului pentru a o face mai ușor de citit pe imaginile de fundal.

Culoarea suprapusă a textului

Utilizați selectorul de culori pentru a alege o culoare pentru suprapunerea textului.

Raza de graniță a suprapunerii textului

Raza chenarului afectează rotunjimea colțurilor zonei de suprapunere a textului. În mod implicit, colțurile au o margine ușor rotunjită de 3 pixeli. Puteți reduce această valoare la 0 pentru a crea o cutie dreptunghiulară sau puteți crește valoarea pentru a face colțurile și mai rotunjite.

Săgeți de culoare personalizate

Când plasați cursorul deasupra unui modul glisant, apar săgeți pentru a permite vizitatorului să navigheze prin fiecare diapozitiv. În mod implicit, aceste săgeți moștenesc culoarea textului principal al diapozitivului. Cu toate acestea, puteți defini o culoare personalizată pentru aceste săgeți folosind această setare.

Dot Nav Color personalizat

În fiecare cursor, elementele de navigare în puncte apar sub conținutul cursorului. Aceste elemente permit utilizatorului să navigheze pe cursor. Puteți defini o culoare personalizată de utilizat pentru aceste elemente folosind selectorul de culori din această setare.

Aliniere verticală a imaginii diapozitive

Această setare determină alinierea verticală a imaginii diapozitive. Imaginea dvs. poate fi centrată vertical sau aliniată în partea de jos a diapozitivului.

Culoarea textului

Dacă fundalul diapozitivului este întunecat, culoarea textului trebuie setată la „Light”. Visa versa, dacă fundalul diapozitivului este deschis, culoarea textului trebuie setată la „Întunecat”.

Header Font