Přeskočit na obsah

Builder stránek

Styly a responzivní design.

Nastavte rozložení, mezery, typografii a pozadí každého prvku – zvlášť pro počítač, tablet a mobil i pro najetí myší a stisknutí.

Panel Styl s vybranou obrazovkou Mobil

Panel Styl s vybranou obrazovkou Mobil

Vyberte prvek a otevřete panel Styl: rozložení, rozměry, mezery, typografie a pozadí.

Počítač, tablet, mobil

Nahoře v panelu přepínáte Počítač / Tablet / Mobil. Hodnota nastavená pro menší obrazovku přepíše tu větší jen tam – tablet platí do 1023 px, mobil do 767 px.

Najetí a stisk

Přepínače Najetí a Stisk nastaví vzhled při najetí myší (i fokusu z klávesnice) a při stisknutí – i zvlášť pro tablet a mobil.

Rychlejší stylování

  • Typografický styl (Hlavní titulek, Nadpis sekce, Perex…) nastaví písmo jedním výběrem. Samotné styly se definují ve Vzhledu webu.
  • Stín nebo rámeček poskládáte tužkou ✎ vedle pole.
  • Mřížky mají editor mřížky: sloupce, řádky a pojmenované oblasti.
  • Kopírovat styl / Vložit styl přenese vzhled z jednoho prvku na jiný.

Když se stejný vzhled opakuje, nekopírujte ho – dejte prvkům raději sdílenou třídu.

Pořád si nevíte rady?

Zeptejte se na GitHubu nebo napište na info@kaletacms.com – s každou otázkou je návod lepší.