--- site_name: WPlama site_description: Internetové stránky na WordPressu snadno a česky site_url: https://www.wplama.cz contact_email: tomas@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 sablona 1024x676](https://www.wplama.cz/wp-content/uploads/2018/01/divi-sablona-1024x676.jpg "divi sablona 1024x676") # Divi 3.22: Nové možnosti ovládání odsazení a velikosti 18.4.2019 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](https://www.youtube.com/embed/fwQ0IXiqGYU?feature=oembed) ## Šíř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. ### Správa WordPress webu Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními. [Více informací](https://www.wplama.cz/sprava-wordpress-webu/) ### O autorovi ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=100&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") [#### Tomáš Cirkl](https://www.wplama.cz/author/tomas/) Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. ## Mohlo by vás také zajímat [![Bloom vzhled formuláře](https://www.wplama.cz/wp-content/uploads/2015/03/bloom-vzhled-formulare-1024x514.png "Bloom vzhled formuláře")](https://www.wplama.cz/optinmonster-vs-bloom/) ### [Velké porovnání pluginů pro sběr emailů: OptinMonster vs. Bloom](https://www.wplama.cz/optinmonster-vs-bloom/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [WordPress obecně](https://www.wplama.cz/wordpress/obecne/)[![elegant themes](https://www.wplama.cz/wp-content/uploads/2015/06/elegant-themes.jpg "elegant themes")](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) ### [WordPressový specialista Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [WordPress obecně](https://www.wplama.cz/wordpress/obecne/)[![elegant themes](https://www.wplama.cz/wp-content/uploads/2015/06/elegant-themes.jpg "elegant themes")](https://www.wplama.cz/sablony-elegant-themes-cestina-zdarma/) ### [Všechny šablony od Elegant Themes česky? A zdarma?!](https://www.wplama.cz/sablony-elegant-themes-cestina-zdarma/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [Ostatní](https://www.wplama.cz/wordpress/ostatni/) ### 2 názory na “Divi 3.22: Nové možnosti ovládání odsazení a velikosti” ![6ac2dd3bd2778171fcec8aff731108df2f2ff45c2fcccba9bd82f4b2fd320b37](https://secure.gravatar.com/avatar/6ac2dd3bd2778171fcec8aff731108df2f2ff45c2fcccba9bd82f4b2fd320b37?s=50&d=monsterid&r=g "6ac2dd3bd2778171fcec8aff731108df2f2ff45c2fcccba9bd82f4b2fd320b37") **PS** [20.4.2019 v 8:36](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? [Odepsat](https://www.wplama.cz/#comment-78572) ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=50&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") **[Tomáš Cirkl](https://www.wpress.help/)** [20.4.2019 v 8:50](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 🙂 [Odepsat](https://www.wplama.cz/#comment-78573) --- --- ### Diskuze [Zruš odpověď](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/?_tmcb=1772964144#respond)