Riuscito
CSS personalizzato
Usa CSS personalizzato per modifiche precise allo stile quando le impostazioni standard non sono sufficienti.
Usa questo blocco quando hai bisogno di una modifica allo stile che le impostazioni disponibili non sono in grado di gestire. Ti consente di aggiungere CSS mirato all’area del template corrente, utile per piccole modifiche come spaziatura, tipografia, allineamento o correzioni del layout. Per maggiori informazioni sul posizionamento dei blocchi in un tema, consulta la documentazione Shopify su sezioni e blocchi
Inserisci solo CSS, senza tag <style>. Selettori troppo generici o regole non valide possono influire su una parte della pagina più ampia di quella prevista.
Impostazioni principali
Sezione intitolata “Impostazioni principali”Il campo del codice è il punto in cui aggiungi il tuo CSS. Questo blocco funziona al meglio per modifiche mirate con selettori chiari, anziché per grandi raccolte di stili applicati all’intero sito. Per una panoramica dell’editor, consulta la documentazione Shopify sull’editor del tema
Mantieni le regole il più possibile specifiche e ridotte. Le sovrascritture più brevi e ben delimitate sono più facili da testare e mantenere e hanno meno probabilità di causare problemi quando aggiorni i contenuti o modifichi i blocchi vicini.
Se desideri una guida dettagliata, consulta la documentazione di riferimento fornita dalla fonte per CSS personalizzato.
Impostazioni standard dei blocchi
Sezione intitolata “Impostazioni standard dei blocchi”Impostazioni dell’editor
Sezione intitolata “Impostazioni dell’editor”Queste impostazioni influiscono solo sul modo in cui il blocco viene visualizzato nella barra laterale dell’editor. Usa il titolo dell’editor per indicare chiaramente lo scopo del CSS, soprattutto se aggiungi più blocchi Custom CSS allo stesso template.
Note sull’uso
Sezione intitolata “Note sull’uso”- Mantieni i selettori ristretti. Indirizza l’area pratica più piccola possibile, in modo che il tuo CSS non applichi involontariamente nuovi stili ad altri contenuti.
- Usalo per le eccezioni. Affidati prima ai controlli di design integrati, quindi usa questo blocco per le modifiche che tali controlli non sono in grado di gestire.
- Assegna nomi chiari ai blocchi. Imposta un titolo dell’editor che descriva la modifica, ad esempio correzione della spaziatura o modifica della tipografia su dispositivi mobili.
- Controlla gli schermi più piccoli. Testa il tuo CSS sui layout per dispositivi mobili e tablet per assicurarti che spaziatura, disposizione del testo e allineamento funzionino ancora correttamente.
- Evita di memorizzare troppi contenuti qui. Usa questo blocco per sovrascritture concise, non come contenitore generico per grandi sistemi di stili personalizzati.