Setari coloane

 In

In acest articol vom vorbi despre setarile de coloana. Vom dezvalui informatii detaliate despre optiunile disponibile in setarile de coloana.

In acest articol: 

  • Setarile de coloana
  • Setari de coloane responsive

Setari de coloana

Poti adauga coloane in Randuri si Sectiuni de pagina. Lungimea coloanelor este reglabila. Firecare coloana are setari proprii pentru a personaliza aspectul fiecareia. Pentru a edita setarile de coloana este deajuns sa click pe iconita de creion a coloanei. Mai jos enumeram toate setarile disponibile coloanelor.

Setari generale

  1. Column Border Color
    Foloseste aceasta optiune pentru a seta culoarea chenarului unei coloane.
  2. Background blend modes
    Foloseste aceasta optiune pentru a seta efectul de fundal dorit pentru aceasta coloana. Optiunile disponibile sunt:

    1. None
    2. Multiply
    3. Screen
    4. Overlay
    5. Darken
    6. Lighten
    7. Soft light
    8. Luminosity
  3. Visibility for devices
    Foloseste aceasta optiune pentru a ascunde coloana sub o anumita dimensiune. Optiunile disponibile sunt:

    1. All
    2. Hidden on phones
    3. Hidden on tablets
    4. Hidden on mega tablets
    5. Hidden on desktops
    6. Hidden on mega desktops
    7. Visible on phones
    8. Visible on tablets
    9. Visible on mega tablets
    10. Visible on dekstops
    11. Visible on mega desktops
  4. Extra class name
    Daca doresti ca o coloana anume sa aiba un element customizat diferit fata de restul coloanelor, adauga un nume de clasa dupa care sa apelezi coloana in CSS-ul personalizat.

Setari design

  1. CSS
    Aceasta optiune furnizeaza utilizatorul cu o metoda de a seta margine, padding-ul si border-ul coloanei.
  2. Border Color
    Foloseste optiunea pentru a seta culoarea border-ului. Optiunea din tab-ul general va suprascrie aceasta optiune daca este activa.
  3. Border style
    Foloseste aceasta optiune pentru a seta stilul border-ului pentru aceasta coloana. Optiunile disponibile sunt:

    1. Theme defaults
    2. Solid
    3. Dotted
    4. Dashed
    5. None
    6. Hidden
    7. Double
    8. Groove
    9. Ridge
    10. Inset
    11. Outset
    12. Initial
    13. Inherit
  4. Border radius
    Foloseste aceasta optiune pentru a seta cat de rotunde sa fie colturile coloanei mai sus mentionate. Optiunile disponibile sunt:

    1. None
    2. 1px
    3. 2px
    4. 3px
    5. 4px
    6. 5px
    7. 10px
    8. 15px
    9. 20px
    10. 25px
    11. 30px
    12. 35px
  5. Background
    Foloseste aceasta optiune pentru a seta culoarea fundalului si/sau o imagine pentru fundalul coloanei. De asemenea, in acelasi panou ai setari pentru a mari sau micsora marimea imaginii de fundal. Optiunile disponibile sunt:

    1. Theme Defaults
    2. Cover
    3. Contain
    4. No Repeat
    5. Repeat
  6. Box controls
    Activand bifa de Simplify Controls poti seta dimensiunea marginii, padding-ului si border-ului pe toate 4 partile coloanei.

Optiuni responsive

  1. Width
    Foloseste aceasta optiune pentru a seta latimea coloanei pentru toate marimile de device disponibile. O sectiune sau un row poate fi sparta in 12 parti egale sau mai multe coloane de marimi diferite, atata timp cat totalul marimilor acestora este 12. Aceste setari vor fi setate ca default in urmatorul panou. Optiunile disponibile sunt:

    1. 1 column – 1/12
    2. 2 columns – 1/6
    3. 3 columns – 1/4
    4. 4 columns – 1/3
    5. 5 columns – 5/12
    6. 6 columns – 1/2
    7. 7 columns – 7/12
    8. 8 columns – 2/3
    9. 9 columns – 3/4
    10. 10 columns – 5/6
    11. 11 columns – 11/12
    12. 12 columns – 1/1
  2. Width and responsiveness
    Optiunile disponibile sunt:

    1. Desktop
    2. Tablet – Landscape
    3. Tablet – Portrait
    4. Mobile

Setari de coloane responsive

  1. Seteaza pozitia responsive default la 2 coloane
    Click pe creionul de editare al fiecarei coloane si mergi la Responsive Options. Aici poti seta valoarea de 6 coloane (1/2). Asta va face coloana sa fie intodeauna jumatate din lungimea randului.
  2. Seteaza pozitia la 2 coloane si pe mobil
    Din panoul Width and Responsiveness poti seta lungiea fiecarei coloane pentru fiecare tip de dispozitiv folosit. Doar alege din lista lungimi predefinite si salveaza modificarile.
Recent Posts