CSS-ul schimbă cum arată magazinul: culori, spațiere, mărimi și altele. Îți poți adăuga propriul CSS în două locuri în the builder: pentru tot magazinul sau doar pentru o secțiune.
Custom CSS pentru tot magazinul
Apasă pictograma rotiță și deschide fila Custom CSS. Caseta se numește CSS code: Se aplică întregului magazin. CSS-ul tău se încarcă pe fiecare pagină a pieței pe care o editezi, iar previzualizarea arată rezultatul.
Folosește-l pentru reguli care trebuie să se aplice peste tot, de exemplu ascunderea unui element pe toate paginile sau schimbarea stilului tuturor butoanelor. De exemplu, h1 { text-transform: uppercase; } scrie titlul principal al fiecărei pagini cu majuscule.
Custom CSS pentru o secțiune
Selectează o secțiune în fila Sections. În partea de jos a setărilor ei, deschide fila Custom CSS. Caseta ei CSS code spune Se aplică doar acestei secțiuni. Majoritatea secțiunilor o au, inclusiv antetul, subsolul, hero-ul, informațiile despre produs și checkout-ul.
Aceasta este alegerea mai sigură. Storeep adaugă secțiunea în fața fiecărui selector al tău, așa că regulile tale nu pot schimba nimic în afara ei.
h2 { letter-spacing: 2px; }schimbă doar titlurile din această secțiune.- Folosește
&ca să stilizezi secțiunea însăși:& { border-top: 1px solid #000; }. - Regulile
@mediafuncționează. Regulile din interiorul lor sunt și ele limitate la secțiune. - Animațiile
@keyframessunt păstrate așa cum le-ai scris.
CSS-ul secțiunii aparține acelei secțiuni de pe acea pagină. Folosește Apply to all pages pe secțiune ca să copiezi secțiunea, cu CSS-ul ei, pe celelalte pagini care o conțin. Vezi Apply to all pages.
Pe care să-l folosești
- O secțiune arată greșit: folosește Custom CSS al secțiunii.
- Aceeași modificare e nevoie peste tot: folosește fila de setări Custom CSS.
- Înainte să scrii CSS, verifică dacă o setare face deja asta: culorile sunt în Scheme de culori, fonturile în Setările fonturilor, iar colțurile și umbrele vin din temă.
Când CSS-ul nu funcționează
- Caută un
}sau un;lipsă. O singură greșeală poate opri regulile de după ea. - Regula ta poate fi mai slabă decât regula temei. Fă selectorul mai specific.
- În CSS-ul unei secțiuni, nu începe selectorul cu
bodysauhtml. Acestea sunt în afara secțiunii, așa că regula nu se va potrivi. - Dacă pagina pare stricată, scoate ultima modificare, publică și adaugă regulile înapoi pe rând.
Bine de știut
- Custom CSS aparține pieței pe care o editezi. Repetă-l în fiecare piață care are nevoie de el.
- Schimbarea temei poate schimba numele claselor și aranjarea, așa că verifică CSS-ul personalizat după ce schimbi tema.
- Modificările devin live când apeși Publish.
- Pentru HTML și cod în interiorul unei pagini, vezi Cod personalizat.