Caterina

Gestione mediaquery nel file css

Recommended Posts

Caterina    0

Ciao a tutti,

ho un problema con la gestione dei css, nello specifico per aggiungere le mediaquery nella mia classe css.

Ho creato la classe  .margin_cate da interfaccia di contao, nella sezione temi-->css-->stili e fin qui tutto ok.

Vorrei aggiungere le mediaquery per la mia classe, esempio:

@media only screen and (max-width: 1200px) {

 .margin_cate {
    width: 40.4% !important;
    margin: -270px 25px 25px 0px !important
  }
}

 

Come posso fare? Ho visto che da template è possibile creare le classi ma non ho ben capito come aggiungere questo codice.

Grazie

 

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
PaoloB    0

Devi creare un nuovo foglio di stile.
Quando definisci il nome del tuo foglio di stile, puoi definire il Media (all, screen,print, ecc.) e anche le mediaquery.

In quel foglio di stile poi inserisci tutte le regole specifiche di quella mediaquery

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
PaoloB    0

Come detto sopra, il css è a livello di layout di pagina.
Devi andare nel layout della tua pagina, qui troverai già selezionato i fogli di stile precedenti. Non dovrai fare altro che spuntare e collegare a questo layout il nuovo foglio di stile.

fogli-stile.jpg

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

You need to be a member in order to leave a comment

Crea un account

Iscriviti per un nuovo account nella nostra comunità. È facile!

Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.

Accedi Ora