--- 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: "Nově v Divi: Nastavení stínů pro všechny prvky" url: https://www.wplama.cz/nove-v-divi-nastaveni-stinu-pro-vsechny-prvky/ date: 2017-10-19 modified: 2018-01-13 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [box shadow, Divi, Elegant Themes, Nově v Divi] --- Divi šablona a Elegant Themes # Nově v Divi: Nastavení stínů pro všechny prvky [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 19. 10. 2017 Aktualizováno **13. 1. 2018** 2 min čtení Pozor: Článek je z roku 2017. Některé postupy se mohly změnit. ![poppy shadow](https://www.wplama.cz/wp-content/uploads/2017/10/poppy-shadow.jpg "poppy shadow") Obsah článku (2 kapitoly) 1. [Nové nastavení stínování (box shadow)](https://www.wplama.cz/nove-v-divi-nastaveni-stinu-pro-vsechny-prvky/#nove-nastaveni-stinovani-box-shadow) 2. [10 ukázek designu v Divi, kde využijete box shadow](https://www.wplama.cz/nove-v-divi-nastaveni-stinu-pro-vsechny-prvky/#10-ukazek-designu-v-divi-kde-vyuzijete-box-shadow) Zbrusu nová funkce v [Divi šabloně](https://www.wplama.cz/divi-sablona/) přináší možnost jednoduše přidat k jakémukoliv prvku (modul, řádka nebo sekce) stín. Díky tomu můžete snadno vylepšit design stránek a vytvořit prvkům vlastní stínování na míru. [Divi Feature Update! Introducing Box Shadow Controls For All Modules, Rows And Sections!](about:blank) ## Nové nastavení stínování (box shadow) V Divi Builderu nyní snadno nastavíte box shadow pro jakýkoliv prvek jen na pár kliknutí. ### Kompletní ovládání [![Kompletní ovládání](https://www.wplama.cz/wp-content/uploads/2017/10/kompletni-ovladani.gif "Kompletní ovládání")](https://www.wplama.cz/wp-content/uploads/2017/10 / kompletni-ovladani.gif) Kompletní ovládání Každý modul, řádka a sekce má vlastní nastavení pro vložení stínu. Můžete u nich nastavit barvu stínu, pozici, rozostření, sílu a případně si vybrat vnitřní nebo vnější stínování. ### Vše jednoduše pomocí předdefinovaného nastavení [![Předdefinované nastavení](https://www.wplama.cz/wp-content/uploads/2017/10/preddefinovane-nastaveni.gif "Předdefinované nastavení")](https://www.wplama.cz/wp-content/uploads/2017/10 / preddefinovane-nastaveni.gif) Předdefinované nastavení Jako bonus bylo k ovládání box shadow přidáno sedm předdefinovaných stylů stínu. Jsou mezi nimi nejčastěji používané varianty. Stačí jen na vybraný styl kliknout a vše se automaticky nastaví. ### Přidejte stín k jakémukoliv prvku [![Ukázky stínování](https://www.wplama.cz/wp-content/uploads/2017/10/ukazky-stinovani.jpg "Ukázky stínování")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazky-stinovani.jpg) Ukázky stínování Vše v Divi Builderu může mít nastavený box shadow. ## 10 ukázek designu v Divi, kde využijete box shadow Existuje spoustu způsobů, jak přidat stínování do designu. Můžete jej přidat k tlačítku a učinit ho tak výraznější. Můžete jej přidat k obrázkům a podtrhnout tak jejich hloubku. Nebo můžete stín přidat k sekci a zvýraznit oddělení. Níže najdete 10 ukázek použití box shadow v Divi. Všechny ukázky si můžete prohlédnout na [demo stránce](https://www.wplama.cz/box-shadow-demo). [![Ukázka stínování #1](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-1.jpg "Ukázka stínování #1")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-1.jpg) Ukázka stínování #1 [![Ukázka stínování #2](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-2.jpg "Ukázka stínování #2")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-2.jpg) Ukázka stínování #2 [![Ukázka stínování #3](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-3.jpg "Ukázka stínování #3")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-3.jpg) Ukázka stínování #3 [![Ukázka stínování #4](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-4.jpg "Ukázka stínování #4")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-4.jpg) Ukázka stínování #4 [![Ukázka stínování #5](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-5.jpg "Ukázka stínování #5")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-5.jpg) Ukázka stínování #5 [![Ukázka stínování #6](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-6.jpg "Ukázka stínování #6")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-6.jpg) Ukázka stínování #6 [![Ukázka stínování #7](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-7.jpg "Ukázka stínování #7")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-7.jpg) Ukázka stínování #7 [![Ukázka stínování #8](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-8.jpg "Ukázka stínování #8")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-8.jpg) Ukázka stínování #8 [![Ukázka stínování #9](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-9.jpg "Ukázka stínování #9")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-9.jpg) Ukázka stínování #9 [![Ukázka stínování #10](https://www.wplama.cz/wp-content/uploads/2017/10/ukazka-stinovani-10.jpg "Ukázka stínování #10")](https://www.wplama.cz/wp-content/uploads/2017/10 / ukazka-stinovani-10.jpg) Ukázka stínování #10 Všechny ukázky si můžete prohlédnout na [demo stránce](https://www.wplama.cz/box-shadow-demo). Box shadow funkce je dostupná od verze Divi 3.80, [demo šablony si můžete prohlédnout zde](https://www.wplama.cz/divi). - [#box shadow](https://www.wplama.cz/stitek/box-shadow/) - [#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=Nově v Divi: Nastavení stínů pro všechny prvky&body=Nově v Divi: Nastavení stínů pro všechny prvky https://www.wplama.cz/nove-v-divi-nastaveni-stinu-pro-vsechny-prvky/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fnove-v-divi-nastaveni-stinu-pro-vsechny-prvky%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fnove-v-divi-nastaveni-stinu-pro-vsechny-prvky%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/nove-v-divi-nastaveni-stinu-pro-vsechny-prvky/#respond) [← Předchozí článek Jak nastavit jiný náhledový obrázek pro sdílení na sociálních sítích (Facebook, Twitter)](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/) [Další článek → Jak vytvořit zálohu WordPress stránky do Google Drive](https://www.wplama.cz/zaloha-do-google-drive/) 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í ---