Jak v Divi rozšířit šířku rozbaleného menu

Jak v Divi rozšířit šířku rozbaleného menu

Potřebujete do rozbaleného podmenu dostat položku s delším textem, ale nechcete, aby text zalamoval? Pomocí dnešního snippetu si můžete šířku dropdown menu upravit. Vše co stačí udělat je vložit níže uvedený CSS kód do vlastních stylů. .nav li ul { width:300px; }...
Jak v Divi změnit pořadí sloupců na telefonu

Jak v Divi změnit pořadí sloupců na telefonu

Máte dva sloupce vedle sebe v klasickém střídavém designu, ale na mobilu se zobrazují špatně, kdy se pak potkávají 2 obrázky a texty nad sebou? Přesně pro tyto případy jsem připravil snippet, který v mobilním rozhraní prohodí pořadí divů a pořadí pak bude shodné. Vše...
Jak zajistit zalomení sloupců na vlastním rozlišení

Jak zajistit zalomení sloupců na vlastním rozlišení

Pro vlastní zalomení sloupců potřebujete přidat vlastní třídu k řádce, která obklopuje sloupce, u kterých chcete upravit jejich velikost. K vytvořené třídě pak ve vlastních stylech přidáte třídu sloupců a rozměr, na který se mají upravit. U nás v příkladu chci upravit...
Jak odstranit stín pod menu u Divi šablony

Jak odstranit stín pod menu u Divi šablony

Odstranění stínu (linky, čáry) pod hlavním menu v hlavičce Divi šablony uděláte nejjednodušeji pomocí vlastního CSS. Níže uvedený kód vložte do child šablony nebo do Divi → Nastavení šablony a pole Přizpůsobené CSS. #main-header {box-shadow:none;} Nakonec stačí jen...
Jak udělat animaci přiblížení obrázku při najetí myši

Jak udělat animaci přiblížení obrázku při najetí myši

Animace při najetí myši na prvek je populární a často používaný způsob, jak návštěvníkovi web zatraktivnit. Mezi nejpopulárnější animace patří přiblížení obrázku při najetí kurzoru myši. Dosáhnout této animace u Divi šablony jde vcelku snadno, jen přidáním pár řádků...
Jak v Divi změnit pozici postranního panelu (sidebaru) nalevo

Jak v Divi změnit pozici postranního panelu (sidebaru) nalevo

Divi šablona sice obsahuje základní nastavení pro zobrazení postranního panelu pro stránky a příspěvky, ale toto nastavení není přítomné všude a například pro výsledky vyhledávání chybí. V takovýchto případech je třeba si pomoci vlastní úpravou stylů, které umožní...