Jak odstranit mezeru mezi postranním panelem widgetů pro WordPress

V WordPressu vám widgety umožňují přidat do postranního panelu blogu celou řadu funkcí a vlastní obsah. Pomocí widgetů můžete návštěvníkům blogu ukázat archiv vašich příspěvků, vlastní vyhledávací lištu nebo vaše nejnovější příspěvky na Twitteru. WordPress automaticky přidává mezeru mezi jednotlivými widgety z estetických důvodů. Tyto mezery však snižují množství obsahu, který čtenář může na stránce vidět, než se musí posunout dolů. Přidání řádku kódu do souboru custom.css vašeho blogu vám umožní tyto mezery odstranit.

Otevřete internetový prohlížeč a přejděte na web WordPress. Pokud budete vyzváni, zadejte své uživatelské jméno a heslo. Klikněte na „Přihlásit se“.

Klikněte na „Vzhled“ na levé straně obrazovky. Klikněte na „Editor“.

Kliknutím na „custom.css“ pod nadpisem Styly zobrazíte vlastní šablonu stylů vašeho webu.

Přidejte řádek „.custom li.widget {margin-bottom: -10px! Important;}“ do šablony stylů custom.css. Při přidávání řádku vyloučte uvozovky.

Klikněte na „Aktualizovat soubor“.

Změny zobrazíte kliknutím na název svého webu v horní části stránky. Pokud mezi widgety stále přetrvává mezera, vraťte se do šablony stylů custom.css.

Změňte „-10“ na „-15“. Změny zkontrolujte na svém webu. Zkuste větší záporná čísla, dokud nebudou mezery zcela odstraněny.

Tipy

Pokud chcete odstranit pouze mezeru mezi dvěma widgety, přidejte mezi tyto dva widgety prázdný text. Použít kód "

"do textového widgetu, s výjimkou vnějších uvozovek. Přejděte do šablony stylů custom.css a přidejte kód" .widget_space_1 {margin-bottom: 0px; } "na konec stránky. Zkuste změnit„ 0 “na záporné číslo, například -10 nebo -15, dokud nedosáhnete požadovaných výsledků.

Varování

Při úpravách kódu svého webu buďte opatrní. Odebrání nebo změna určitého kódu může způsobit nežádoucí změny. Zvažte vytvoření záložní kopie kódu před jeho změnou v případě, že dojde k problému.