--- 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.3: Rychlejší práce se styly" url: https://www.wplama.cz/divi-3-3-rychlejsi-prace-se-styly/ date: 2018-05-24 modified: 2019-07-10 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [Divi, Elegant Themes, Nově v Divi] --- Divi šablona a Elegant Themes # Divi 3.3: Rychlejší práce se styly [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 24. 5. 2018 Aktualizováno **10. 7. 2019** 2 min čtení Pozor: Článek je z roku 2018. Některé postupy se mohly změnit. ![divi fluid styles](https://www.wplama.cz/wp-content/uploads/2018/05/divi-fluid-styles.jpg "divi fluid styles") Obsah článku (2 kapitoly) 1. [Upravujte styly jako nikdy předtím](https://www.wplama.cz/divi-3-3-rychlejsi-prace-se-styly/#upravujte-styly-jako-nikdy-predtim) 2. [Sleva 10%](https://www.wplama.cz/divi-3-3-rychlejsi-prace-se-styly/#sleva-10) Aktualizace Divi 3.3 přináší nový způsob práce se styly, který velmi urychlí a zjednoduší práci ve Visual Builderu. Nová funkce se jmenuje *Fluid Styles* a umožňuje rychle převzít styly z jednoho prvku a přenést je na nový. To vše jen za pomocí pár kliknutí myši. [Divi Feature Update! A Game Changing New Way To Be Creative With Divi](about:blank) ## Upravujte styly jako nikdy předtím Cílem Fluid Styles je přinést novou modularitu pro všechny prvky v [Divi šabloně](https://www.wplama.cz/divi-sablona/) a možnost je rychle roznést po celé stránce. Zjednodušeně řečeno, jakékoliv nastavení nebo skupina nastavení může být zkopírováno z jednoho elementu a přeneseno na jiný. Nebude tedy nutné znovu vše nastavovat při tvorbě dalšího prvku. [![Kopírování stylů](https://www.wplama.cz/wp-content/uploads/2018/05/kopirovani-stylu.gif "Kopírování stylů")](https://www.wplama.cz/wp-content/uploads/2018/05 / kopirovani-stylu.gif) Kopírování stylů Nemusíte dokonce použít ani myš. Můžete také využít klávesové zkratky ctrl+alt+c/v (cmd+option+c/v). ### Přenesení jedné položky Jakákoliv položka nastavení může být zkopírována do jiného modulu. Například si nastavíte písmo a zkopírujete si jej. [![Přenesení jedné položky](https://www.wplama.cz/wp-content/uploads/2018/05/preneseni-jedne-polozky.gif "Přenesení jedné položky")](https://www.wplama.cz/wp-content/uploads/2018/05 / preneseni-jedne-polozky.gif) Přenesení jedné položky ### Přenesení skupiny nastavení Kopírovat můžete i celé skupiny nastavení. Například vytvoříte stín u jednoho prvku pomocí Box shadow. U dalších prvků pak jen toho nastavení vložíte a máte hotovo. [![Přenesení skupiny nastavení](https://www.wplama.cz/wp-content/uploads/2018/05/preneseni-skupiny-nastaveni.gif "Přenesení skupiny nastavení")](https://www.wplama.cz/wp-content/uploads/2018/05 / preneseni-skupiny-nastaveni.gif) Přenesení skupiny nastavení ### Přenesení všech stylů modulu Stejně tak můžete zkopírovat i celé nastavení stylů u modulu a přenést je na jiný. [![Přenesení všech stylů modulu](https://www.wplama.cz/wp-content/uploads/2018/05/preneseni-vsech-stylu-modulu.gif "Přenesení všech stylů modulu")](https://www.wplama.cz/wp-content/uploads/2018/05 / preneseni-vsech-stylu-modulu.gif) Přenesení všech stylů modulu ### Mezi různými typy nastavení Systém kopírování a vkládání stylů funguje i napříč jinými typy nastavení. To znamená, že pokud si zkopírujete barvu textu, tak ji nemusíte vložit jen zase jako barvu textu, ale můžete ji použít třeba pro nastavení pozadí nebo barvy tlačítka. [![Mezi různými typy nastavení](https://www.wplama.cz/wp-content/uploads/2018/05/mezi-ruznymi-typy-nastaveni.gif "Mezi různými typy nastavení")](https://www.wplama.cz/wp-content/uploads/2018/05 / mezi-ruznymi-typy-nastaveni.gif) Mezi různými typy nastavení ### Zkopírujte cokoliv, vložte to kamkoliv Možnost kopírování byla přidána opravdu všude. Můžete kliknout pravým tlačítkem myši na modul, na záložku Vzhled nebo třeba na skupinu možností. Všude se zobrazí možnost zkopírovat nastavení. Podobně to funguje i s vkládáním. [![Kopírování a vkládání stylů](https://www.wplama.cz/wp-content/uploads/2018/05/kopirovani-a-vkladani-stylu.gif "Kopírování a vkládání stylů")](https://www.wplama.cz/wp-content/uploads/2018/05 / kopirovani-a-vkladani-stylu.gif) Kopírování a vkládání stylů ### Rychlý reset nastavení Stejně jako rychle nastavení přenesete jej můžete i resetovat. Kdykoliv kliknete pravým tlačítkem myši na prvek nebo možnost nastavení, tak tam nově máte položku pro reset. [![Rychlý reset nastavení](https://www.wplama.cz/wp-content/uploads/2018/05/rychly-reset-nastaveni.gif "Rychlý reset nastavení")](https://www.wplama.cz/wp-content/uploads/2018/05 / rychly-reset-nastaveni.gif) Rychlý reset nastavení Fluid Styles přináší v [Divi šabloně](https://www.wplama.cz/divi) velké vylepšení, co do rychlosti tvorby stránky a práce s jednotlivými možnostmi nastavení stylů. ## Sleva 10% K příležitosti vydání nové aktualizace Divi šablony nabízí [Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) 10% slevu na členství. - [Sleva 10% pro nového člena](https://www.wplama.cz/et-sleva) - [Sleva 10% pro prodloužení členství](https://www.wplama.cz/prodlouzeni-et-10) - [Sleva 10% na navýšení členství](https://www.wplama.cz/navyseni-et-10) - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) - [#Nově v Divi](https://www.wplama.cz/stitek/nove-v-divi/) Sdílet - - [](mailto:?subject=Divi 3.3: Rychlejší práce se styly&body=Divi 3.3: Rychlejší práce se styly https://www.wplama.cz/divi-3-3-rychlejsi-prace-se-styly/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-3-3-rychlejsi-prace-se-styly%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-3-3-rychlejsi-prace-se-styly%2F) TC Autor Tomáš Cirkl 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. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-3-3-rychlejsi-prace-se-styly/#respond) [← Předchozí článek WordPress 4.9.6 ‚GDPR aktualizace‘](https://www.wplama.cz/wordpress-4-9-6/) [Další článek → Divi 3.4: GDPR aktualizace](https://www.wplama.cz/divi-3-4-gdpr-aktualizace/) 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í ---