CSS mení vzhľad obchodu: farby, rozostupy, veľkosti a ďalšie. Vlastné CSS môžete v zostavovači pridať na dvoch miestach: pre celý obchod alebo len pre jednu sekciu.
Vlastné CSS pre celý obchod
Kliknite na ikonu ozubeného kolesa a otvorte kartu Vlastné CSS. Pole sa volá CSS kód: platí pre celý obchod. Vaše CSS sa načíta na každej stránke trhu, ktorý upravujete, a náhľad ukáže výsledok.
Použite ho pre pravidlá, ktoré musia platiť všade, napríklad na skrytie prvku na všetkých stránkach alebo zmenu štýlu všetkých tlačidiel. Napríklad h1 { text-transform: uppercase; } napíše hlavný nadpis každej stránky veľkými písmenami.
Vlastné CSS pre jednu sekciu
Vyberte sekciu na karte Sekcie. V spodnej časti jej nastavení otvorte kartu Vlastné CSS. Jej pole CSS kód hovorí platí len pre túto sekciu. Má ju väčšina sekcií vrátane hlavičky, päty, hlavného banera, informácií o produkte a pokladne.
Toto je bezpečnejšia voľba. Storeep pridá sekciu pred každý váš selektor, takže vaše pravidlá nemôžu zmeniť nič mimo nej.
h2 { letter-spacing: 2px; }zmení len nadpisy v tejto sekcii.- Použite
&na úpravu samotnej sekcie:& { border-top: 1px solid #000; }. - Pravidlá
@mediafungujú. Pravidlá v nich sú tiež obmedzené na sekciu. - Animácie
@keyframeszostanú tak, ako ste ich napísali.
CSS sekcie patrí k tejto sekcii na tejto stránke. Použite Použiť na všetky stránky na sekcii, aby ste ju aj s jej CSS skopírovali na ostatné stránky, ktoré ju obsahujú. Pozrite si Použiť na všetky stránky.
Ktoré použiť
- Jedna sekcia vyzerá zle: použite vlastné CSS sekcie.
- Rovnakú zmenu potrebujete všade: použite kartu nastavení Vlastné CSS.
- Pred písaním CSS skontrolujte, či to už nerobí nejaké nastavenie: farby sú vo farebných schémach, písma v nastaveniach písiem a rohy a tiene určuje váš motív.
Keď vaše CSS nefunguje
- Skontrolujte, či nechýba
}alebo;. Jedna chyba môže zastaviť pravidlá za ňou. - Vaše pravidlo môže byť slabšie ako pravidlo motívu. Urobte selektor konkrétnejší.
- V CSS sekcie nezačínajte selektor slovom
bodyanihtml. Sú mimo sekcie, takže pravidlo sa neuplatní. - Ak stránka vyzerá pokazene, odstráňte poslednú zmenu, zverejnite a pridávajte pravidlá späť jedno po druhom.
Dobré vedieť
- Vlastné CSS patrí k trhu, ktorý upravujete. Zopakujte ho v každom trhu, kde ho potrebujete.
- Zmena motívu môže zmeniť názvy tried a rozloženie, preto po zmene motívu skontrolujte svoje vlastné CSS.
- Zmeny sa prejavia, keď kliknete na Zverejniť.
- HTML a kód vo vnútri stránky nájdete v článku Vlastný kód.