Jak nastavit popis Tumblr tak, aby zůstal viditelný při rolování

Jak nastavit popis Tumblr tak, aby zůstal viditelný při rolování

Většina témat Tumblr umisťuje sekci s popisem blogu buď do hlavičky, nebo do postranního panelu. Při posouvání stránky se tento popis běžně skryje. Pomocí úpravy CSS můžete zajistit, aby panel zůstal pevně na místě (fixed) nebo se posouval spolu s obsahem (absolute).

Krok za krokem

1. Na řídicím panelu Tumblr klikněte na Customize a otevřete nastavení motivu.
2. Zvolte Edit HTML. Otevře se okno s kódem motivu.
3. Vyhledejte část stylu, která upravuje postranní panel nebo hlavičku. Často začíná #sidebar, .sidebar, #right_column nebo .header a následuje blok uvnitř složených závorek { … }.
4. V tomto bloku najděte řádek position: …;. Změňte jej na position: fixed;, pokud chcete, aby panel zůstal na místě, nebo na position: absolute;, pokud má panel scrollovat spolu s obsahem. Pokud řádek position chybí, přidejte jej těsně před koncovou závorku }.
5. Po úpravě klikněte na Update Preview a ověřte, že se chování panelu změnilo podle očekávání.
6. Jakmile jste spokojeni, stiskněte Save. Pokud chcete změny zahodit, použijte šipku zpět.

Tipy

• U některých motivů se při nastavení position: fixed; panel automaticky přesune vlevo. Přidejte řádek right: 10px; (bez uvozovek) těsně pod řádek s position, aby byl panel ukotven 10 px od pravého okraje. Hodnotu můžete libovolně upravit.
• Pokud motiv neumožňuje úpravu postranního panelu v CSS, zvažte přepnutí na jiné téma, které poskytuje potřebné možnosti.