Jak změnit barvu tlačítka „Další“ na Tumblr

Úvod

Témata na Tumblr jsou různorodá, protože je vytvářejí různí vývojáři a mohou obsahovat text, obrázky, videa i další média. Každé téma můžete upravit – pokud se něco pokazí, stačí jej přeinstalovat.

Otevření editoru HTML

V administraci blogu přejděte na „Přizpůsobení“ a klikněte na odkaz „Upravit HTML“, který se nachází v horní části panelu pod názvem aktuálního tématu.

Vyhledání tlačítka „Další“

Stiskněte Ctrl+F a vyhledejte proměnnou {NextPage}. Ujistěte se, že se nachází uvnitř bloku {block:Pagination} – to označuje část definující tlačítka „Předchozí“ a „Další“.

Zjištění použité CSS třídy

V HTML najděte atribut class=\"…\" u odkazu {NextPage}. Některá témata používají vlastní třídu jen pro toto tlačítko, jiná sdílejí styl s dalšími prvky. Pokud chcete změnit barvu jen zde, můžete vytvořit novou třídu a přiřadit ji odkazu.

Úprava stylu v CSS

Opět použijte Ctrl+F a v souboru stylů (CSS) najděte definici nalezené třídy – v CSS se zapisuje jako .název_třídy. Pro novou třídu můžete přidat následující blok kdekoliv v rámci <style>:

.moje-next {
    /* zde vložte požadované vlastnosti */
}

Pro změnu barvy textu použijte:

color: #ff69b4; /* růžová */

Pokud tlačítko má pozadí, přidejte také:

background-color: #000000; /* černá */

V případě, že téma používá okraje nebo stíny, upravte i vlastnosti border a box-shadow podle potřeby.

Uložení a kontrola

Po úpravě HTML i CSS klikněte na „Uložit“ a zkontrolujte, že se barva tlačítka „Další“ změnila podle vašich představ. Pokud se něco nepovede, můžete téma obnovit ze zálohy nebo jej znovu nainstalovat.