Postup jak nahrát CSS soubor (kaskádní styly upravující vzhled)

Pomocí CSS kaskádních stylů je možné upravit si vzhled šablony stránky. Definované CSS třídy můžete doplnit nebo upravit o vlastní styly jako jsou barvy, fonty, velikosti, rozmístění a jiné. CSS styly se obvykle ukládají do externích .css souborů.

CSS soubor lze nahrát do projektu prostřednictvím ClickEshop administrátora následujícím způsobem:

• v menu [Administrace obsahu] v levé nástrojové liště kliknete tlačítko [Globální HTML kód], přičemž se otevře nové okno
• kliknutím tlačítka "Nahrát soubory na server" se otevře Centrální úložiště souborů, které umožňuje nahrávat soubory jako i si je přehledně třídit do složek
• CSS soubor (např. my_style.css) nahrajete na server a nalinkujete vložením následujícího řádku do hlavičky stránky:
  
  <link rel="stylesheet" type="text/css" href="/storage/my_style.css" />

Příklad pro změnu barvy patičky stránky:

Ve zdrojovém kódu je třeba najít CSS třídu pro patičku stránky. Pokud je v kódu uvedena třída pro patičku stránky s názvem .footer, barvu změním následovně:

1. vytvořím si textový soubor na svém počítači moje_upravy.css
2. vložím do souboru moje_upravy.css následující řádek:
   .footer { background-color: #ff0000; }
3. nahraji soubor my_style.css na server výše uvedeným způsobem a nalinkuji soubor do stránky. Nové hodnoty pro patičku stránky automaticky přepíší hodnoty definované v šabloně a barva patičky se změní na červenou.