--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: "Divi 3.22: Nové možnosti ovládání odsazení a velikosti" url: https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/ date: 2019-04-18 modified: 2019-07-10 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [aktualizace, Divi, Elegant Themes, margin, Nově v Divi, padding, visual builder] --- Divi šablona a Elegant Themes # Divi 3.22: Nové možnosti ovládání odsazení a velikosti [![profil 100x100](https://www.wplama.cz/wp-content/uploads/2026/11/profil-100x100.jpg "profil 100x100") **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 18. 4. 2019 Aktualizováno **10. 7. 2019** 2 min čtení Pozor: Článek je z roku 2019. Některé postupy se mohly změnit. ![divi sablona](https://www.wplama.cz/wp-content/uploads/2018/01/divi-sablona.jpg "divi sablona") Obsah článku (4 kapitoly) 1. [Šířka a výška](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#sirka-a-vyska) 2. [Vnitřní a vnější odsazení](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#vnitrni-a-vnejsi-odsazeni) 3. [Výška, šířka a přetékání obsahu](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#vyska-sirka-a-pretekani-obsahu) 4. [Záporné vnější odsazení](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#zaporne-vnejsi-odsazeni) Od verze Divi 3.22 můžete při tvorbě obsahu za pomocí Visual Builderu upravovat vnitřní odsazení, vnější odsazení a velikost přímo z náhledu stránky za pomocí myši. Upravovat takto můžete moduly, sekce i řádky. [Introducing The New Draggable Sizing And Spacing Controls For Divi](about:blank) ## Šířka a výška *width, height* [https://www.wplama.cz/wp-content/uploads/2019/04/sirka-a-vyska.mp4](https://www.wplama.cz/wp-content/uploads/2019/04/sirka-a-vyska.mp4) Upravování velikostí prvků v Divi je nyní velmi jednoduché. UI rozhraní obsahuje kotvy, které můžete použít k úpravě šířky a výšky modulu, řádky nebo sekce. Kotvy najdete na kraji elementů. [https://www.wplama.cz/wp-content/uploads/2019/04/uprava-velikosti.mp4](https://www.wplama.cz/wp-content/uploads/2019/04/uprava-velikosti.mp4) V nastavení jakéhokoliv prvku najdete nové pole pro výšku, šířku, maximální šířku a maximální výšku. Tyto možnosti jsou spojeny s novým ovládáním pomocí ukazatele myši. ## Vnitřní a vnější odsazení *padding, margin* [https://www.wplama.cz/wp-content/uploads/2019/04/vnitrni-a-vnejsi-odsazeni.mp4](https://www.wplama.cz/wp-content/uploads/2019/04/vnitrni-a-vnejsi-odsazeni.mp4) Dále můžete rychle upravovat horní, dolní, levé nebo pravé vnitřní a vnější odsazení modulu, řádky nebo sekce. Využít lze i záporných hodnot, což u vnějšího odsazení lze využít k tvorbě populárních překrývajících se prvků. ## Výška, šířka a přetékání obsahu *width, height, overflow* [https://www.wplama.cz/wp-content/uploads/2019/04/pretekani-obsahu.mp4](https://www.wplama.cz/wp-content/uploads/2019/04/pretekani-obsahu.mp4) K nastavení výšky a šířky prvku se váže i další nové nastavení, které najdete v nastavení prvku, záložce Pokročilé a položce Viditelnost. Díky tomuto nastavení můžete například jednoduše vytvořit prvek s posuvníkem. Nové možnosti obsahují nastavení: - výšky, - maximální výšky, - maximální šířky, - minimální šířky, - horizontální přetékání obsahu, - vertikální přetékání obsahu. ## Záporné vnější odsazení *margin* [https://www.wplama.cz/wp-content/uploads/2019/04/zaporne-vnejsi-odsazeni.mp4](https://www.wplama.cz/wp-content/uploads/2019/04/zaporne-vnejsi-odsazeni.mp4) Pomocí posuvného nastavení s myší můžete nastavovat i záporné vnější odsazení. Pomocí této hodnoty lze nastavit například pozici prvků přes sebe. Aktualizace [Divi 3.22](https://www.wplama.cz/divi) nepřináší velké množství nových funkcí, ale spíše se soustředí na vylepšení uživatelského rozhraní a plynulost tvorby stránky. - [#aktualizace](https://www.wplama.cz/stitek/aktualizace/) - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) - [#margin](https://www.wplama.cz/stitek/margin/) - [#Nově v Divi](https://www.wplama.cz/stitek/nove-v-divi/) - [#padding](https://www.wplama.cz/stitek/padding/) - [#visual builder](https://www.wplama.cz/stitek/visual-builder/) Sdílet - - [](mailto:?subject=Divi 3.22: Nové možnosti ovládání odsazení a velikosti&body=Divi 3.22: Nové možnosti ovládání odsazení a velikosti https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti%2F) ![profil 150x150](https://www.wplama.cz/wp-content/uploads/2026/11/profil-150x150.jpg "profil 150x150") Autor Tomáš Cirkl Zakladatel WPlama. Od roku 2014 se starám o weby a e‑shopy na WordPressu a píšu o tom, co při té práci řeším. Třikrát jsem přednášel na Word Campech. 1 035 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (2) [Přidat komentář →](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#respond) P PS [20. 4. 2019](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#comment-78572) Super funkce opet, doufejme, ze to bude pak ok i na mobilu netestoval jste to pane Cirkl? [Odpovědět](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#comment-78572) TC Tomáš Cirkl WPlama [20. 4. 2019](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#comment-78573) Netestoval, ale věřím, že si něco takového pohlídali 🙂 [Odpovědět](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#comment-78573) --- --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/#respond) [← Předchozí článek Průvodce nastavením Divi šablony](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/) [Další článek → Jak na stránku vložit mapu z Google Maps bez API klíče](https://www.wplama.cz/google-maps-bez-api-klice/) Související ## Mohlo by vás zajímat [Všechny články z rubriky Divi šablona a Elegant Themes →](https://www.wplama.cz/wordpress/divi-elegant-themes/) ![kombinovatelne nastaveni](https://www.wplama.cz/wp-content/uploads/2026/04/kombinovatelne-nastaveni.png "kombinovatelne nastaveni") Divi šablona a Elegant Themes ### [Divi 5: Kombinovatelné nastavení](https://www.wplama.cz/divi-5-kombinovatelne-nastaveni/) 13. 4. 2026 2 min čtení --- ![command center](https://www.wplama.cz/wp-content/uploads/2026/03/command-center.png "command center") Divi šablona a Elegant Themes ### [Divi 5: Command Center](https://www.wplama.cz/divi-5-command-center/) 7. 4. 2026 4 min čtení --- ![spekulativni prerendering](https://www.wplama.cz/wp-content/uploads/2026/03/spekulativni-prerendering.png "spekulativni prerendering") Divi šablona a Elegant Themes ### [Divi 5: Spekulativní prerendering](https://www.wplama.cz/divi-5-spekulativni-prerendering/) 30. 3. 2026 3 min čtení ---