Obsahu Extra class

Tvorba a úprava obsahu

Extra class

  • text-white - v sekci bude text zobrazen bíle

Max width

  • mw-1200, mw-1100, mw-1000, mw-900, mw-800, mw-700 - sekce bude mít maximální šířku dle číslice v pixelech

Padding

  • pt-x - za x doplňte číslici 0-10, číslice krát 10 je odsazení v pixel (pt-5 = padding-top: 50px)
  • pb-x - za x doplňte číslici 0-10, číslice krát 10 je odsazení v pixel (pb-5 = padding-bottom: 50px)

Border radius

  • br-x - za x doplňte sudé číslo od 4 až 30, nastavíte border-radius o hodnotě x, elementu který má zadané pozadí touto sekcí.
  • img-br - obrázky v této sekci budou mít zakulacené rohy.

Stín elemntů

  • shadow-img - nastaví pro obrázky ve vložené fotogalerii v této sekci stín definovaný pro tento web (neplatí pro zobrazení ve slideru).
  • shadow-col - nastaví pro sloupce v této sekci stín definovaný pro tento web

Mezera sloupců

  • col-space-10, col-space-16, col-space-20, col-space-26, col-space-40, col-space-50, col-space-60, col-space-70 - mezera mezi sloupci v této sekci (defaultní mezera je 30px)
  • col-space-auto - přepíše velikost sloupců, šířka sloupců je automatická a mezera mezi sloupci je stejná.

Velikost sloupců

  • col-width-auto - velikost sloupců v této sekci je automatická - sloupce jsou inline

Podbarvení sekce

  • bg-grad-red - Podbarveny sekce gradientem 105° - červený
  • bg-grad-blue - Podbarveny sekce gradientem 105° - modrý

Podbarvení sloupců

  • bg-cols - Podbarveny všechny sloupce uvnitř
  • bg-cols-not-first - Podbarveny všechny sloupce kromě prvního který je používán jako nadpis

Sloupce Zig Zag

  • cols-zig-zag - pro sloupce 50 / 50 +, na desktopu se v každém lichém řádku prohodí sloupce na Zig Zag ale na mobilu zůstává - vhodné pro zobrazování text / obrázek

Extra sloupce v obsahu

  • extra-col-2, extra-col-3 - tato class zobrazí u vybraných polí obsahy ve sloupcích, nyní funguje pro pole:
    Ke stažení - pro typ zobrazení jako Tlačítko

Typ sekce

  • banner - zobrazí sekci jako banner se stínem a vnitřním Paddingem

Patička Webu

  • banner zapustit-bottom - zobrazí sekci jako banner který je zapuštěn do patičky webu