Jak změnit barvu textu v tématu na Tumblr

Pokud se vám nelíbí barva textu použité ve vašem Tumblr tématu, můžete ji snadno změnit. Editor HTML umožňuje upravit CSS, které určuje vzhled textu. Některá témata načítají CSS z externích zdrojů, ale můžete přidat vlastní CSS do hlavičky <head>, které přepíše jakýkoli předchozí styl.

Úprava existujícího CSS

Přihlaste se ke svému blogu, klikněte na Customize a poté na Edit HTML.

Stiskněte Ctrl+F a vyhledejte řetězec color:. Editor zvýrazní první výskyt.

Procházejte výskyty (šipkou dolů), dokud nenajdete definici uvnitř textového elementu, např. <p>, <li>, <ol>, <h1>, <div> nebo <blockquote>. Příklad z tématu Kalalalani:

content .regular h3 a { color: #111; }

Nahraďte stávající hodnotu barvy požadovanou. Barvy se obvykle zadávají v šest‑ nebo tříciferném hexadecimálním formátu, ale můžete použít i názvy jako red, blue atd. Například pro červené odkazy:

content .regular h3 a { color: #f00; }

nebo

content .regular h3 a { color: red; }

Stiskněte Update Preview a ověřte výsledek. Po spokojenosti klikněte na Save.

Přidání nového stylu pro barvu textu

Opět otevřete editor HTML a vyhledejte tag </head> ( Ctrl+F → </head> ).

Umístěte kurzor těsně před tento tag a stiskněte Enter pro vytvoření prázdného řádku.

Do nového řádku vložte <style> a po dvou stisknutích Enter editor automaticky doplní uzavírací tag </style>.

Mezi tyto značky zapište CSS, které změní barvu textu v sekci obsahu. Například pro fialové nadpisy h3 a odstavce:

<style>
#content h3, #content p { color: purple; }
</style>

Uložte změny kliknutím na Save.

Upozornění

Volte barvy, které jsou dobře čitelné na pozadí vašeho blogu. Například fialový text na černém či červeném pozadí může být pro čtenáře obtížně čitelný.