Come aggiungere il proprio CSS al sito

← Indietro

Crea una parte del sito di servizio con il modulo «CSS personalizzato» e accesso solo agli amministratori: nella sua pagina c'è l'editor CSS, gli stili vengono applicati a tutte le pagine del sito.

  1. Nella sezione «Struttura del sito» clicca su «Aggiungi voce principale», dai un nome alla parte del sito, ad esempio «Il mio CSS».
  2. Nel campo «Modulo» con «Scegli» trova la scheda «CSS personalizzato» (codice custom_css).
  3. «Livello di accesso» — «Solo agli amministratori». Salva.
  4. Apri questa parte del sito. Alla prima apertura comparirà «Il file CSS del sito è stato creato. Viene incluso in tutte le pagine del sito per ultimo.».
  5. Scrivi le regole nell'editor. Tab — rientro, Maiusc+Tab — toglie il rientro.
  6. Clicca su «Salva» o Ctrl+S. Le modifiche sono visibili nelle pagine dopo l'aggiornamento.

Il file viene incluso per ultimo in ogni pagina, perciò prevale sugli stili del motore a parità di precisione del selettore. Ma le impostazioni dalla finestra degli stili del blocco (l'ingranaggio) vengono scritte direttamente nel blocco: le supera solo !important.

Il file è conservato tra i file del sito e finisce nel backup e nel modello.

Se non funziona

  • Gli stili hanno nascosto o rotto la pagina. Clicca su «Senza il mio CSS» nell'editor: si aprirà senza i tuoi stili. In qualsiasi pagina del sito lo stesso effetto si ottiene aggiungendo all'indirizzo ?nocustomcss=1 (funziona solo per l'amministratore).
  • «File modificato». Il file è stato modificato in un'altra scheda o da un altro amministratore. Puoi sovrascriverlo con il tuo testo oppure rinunciare, copiare il testo e aggiornare la pagina.
  • «Il file CSS è troppo grande». Il limite è 512 KB. Elimina il superfluo; inserisci le immagini tramite link, non come codice all'interno del CSS.
L'articolo è stato utile?

Vedi anche

Come impostare il logo e la faviconEntrambe le immagini si caricano nelle impostazioni dell'informer «Logo» — con i campi «Logo» e «Fav-icon».Come formattare un blocco: bordo, sfondo, spaziature, ombraPassa il mouse sul blocco e premi l'ingranaggio — si aprirà la finestra degli stili con le schede «Bordo», «Blocco», «Testo», «Link», «Animazione», «Posizionamento».Come aggiungere un contatore o un widget di terze parti su tutte le pagineScheda «Informazioni sul sito» nelle impostazioni generali, campo «Codice HTML dei widget» — il codice viene inserito in ogni pagina del sito.Cosa sono gli informer nel menuSono piccoli widget che si trovano nel menu alla pari delle voci: logo, carrello, ricerca, selettore della lingua, chat e altri.

Nella sezione assistenza troverai risposte alle domande frequenti e guide utili per lavorare con il costruttore di siti Site Look. Qui puoi scoprire come gestire le sezioni, aggiungere oggetti e configurare il sito. I materiali sono utili sia ai principianti che agli utenti esperti. Se non trovi la risposta, contatta il supporto.