Jak změnit barvu písma v menu

Webnode editor nyní nastavuje barvu písma v menu sám tak, aby byl text co nejlépe čitelný. Občas toto nastavení ale nemusí být pro Vaše účely plně vyhovující. Pokud si přejete změnit barvu písma odkazů na jednotlivé stránky, můžete úpravu provést jednoduše z Vaší strany pomocí vlastních kódů.

Pokud máte v hlavičce stránek jednoduché pozadí, systém všeobecně vyhodnotí automatické nastavení v pořádku. Váš projekt pak tedy může vypadat takto:

Barva písma v menu je v pořádu čitelná a ladí se zbytkem šablony. Pokud je ale pozadí hlavičky složitější a jedná se např. o fotografii, může být text neestetický, nebo přímo nečitelný.

Barva písma v menu se mi nelíbí. Co dál?

Změna barvy prvků editoru pomocí HTML a CSS je poměrně jednoduchý proces. Je k tomu ale potřeba mít aktivní min. balíček Standard nebo výše. Nižší balíčky totiž neumožňují vložení kódů do hlavičky všech stránek. Doporučuji tedy tento balíček pořídit, než se do nastavení pustíte.

Pokud již balíček máte, můžete se posunout k dalšímu kroku. Tím je vložení HTML kódu do hlavičky stránek. 

Otevřete si editor Vašich stránek a přejděte do karty "Nastavení". V menu pak zvolte "Nastavení webu" a rozbalte sekci "HTML hlavička / patička webu".

Do kolonky "HTML kód do hlavičky všech stránek" pak vložte následující kód.

<style>
.menu-font a {color: #ff0000 !important;}
</style>

Hodnota #ff0000 (tzv. HEX hodnota) pak upravuje, jakou barvu písmo bude mít. Hodnota #ff0000 patří červené barvě, stránky tedy po implementaci kódů a zveřejnění změn vypadají takto:

Po nastavení požadované barvy můžete změny uložit a stránky zveřejnit.

Co když chci jinou barvu než červenou?

Stačí změnit hodnotu HEX. Pokud tedy chcete mít menu třeba modré, místo hodnoty #ff0000 uvedete #0000ff. Bílá barva má pak hodnotu #ffffff, a černá #000000. Kód pro nastavení bílého písma proto bude vypadat následovně:

<style>
.menu-font a {color: #ffffff !important;}
</style>

Kde najdu další barvy a "HEX" kódy?

HEX kódy i další hodnoty, které lze použít (např. RGB hodnoty), najdete na různých externích webech, jako je např. HTML Color Codes.