Centrare immagini protostar da smartphone

[ciroslitz]

Salve, volevo sapere se era possibile impostando qualche regola css ottenere che  solo da dispositivi con una certa risoluzione le immagini inserite negli articoli si centrino ed ovviamente per i dispositivi desktop restino posizionate come impostato con jce.

[Francesco Di Giovanni]

Ciao 
devi utilizzare i breakpoint e media queries,
per esempio una cosa del genere
@media screen and (min-width: 480px) { ...... codice ..........  }


a presto

[ciroslitz]

Si le media queries le uso anche per altro....ma non riesco a capire come impostarle per le immagini che inserisco in jce.... se non chiedo troppo un esempio di codice. Grazie

[Francesco Di Giovanni]

una soluzione è quella di creare una classe


img.imgesempio{display: block;margin:0 auto;}


la classe imgesempio la inserisci nell'immagine quando la carichi dal jce

poi ci potrebbero essere altre soluzioni in base alla struttura delle classi del tuo html

[ciroslitz]

Francesco grazie per la disponibilità... l'idea era di impostare qualcosa in automatico per tutte le immagini visto che a pubblicare sono più persone senza dover richiamare ogni volta la classe

[Francesco Di Giovanni]

bisognerebbe conoscere il tuo template e come sono organizzati i tuoi articoli.

[ciroslitz]

Il template è protostar come ti dicevo.... eccoti un link al sito se puoi aiutarmi:


http://www.professionistiscuola.it/

[Francesco Di Giovanni]

Ciao 
.item-page img{display: block;margin:0 auto;}
prova cosi


a presto 

[ciroslitz]

Purtroppo non va.....

[Francesco Di Giovanni]

Ciao,
cosa hai riscontrato con Firebug?

[ciroslitz]

inserisco la reloga nel css ma non cambia nulla sbaglio qualcosa?

[Francesco Di Giovanni]

Ciao,
dovrebbe essere cosi
@media screen and (max-width: 480px) {.item-page img{display: block; margin:0 auto;}}

[ciroslitz]

Purtroppo nulla eccoti uno screen da smartphone il testo resta a destra

[Francesco Di Giovanni]

Ciao, ho analizzato il sito con Firebug, ma non riesco a trovare dove hai inserito il codice che ti ho scritto, in quale file css l'hai inserito?

[ciroslitz]

Nel personal css... dove inserisco tutte le modifiche....

[Francesco Di Giovanni]

ciao, c'è il Plugin JCH Optimize che mi impedisce di vedere il file css

[ciroslitz]

lo disabilito.... fammi sapere. grazie

[ciroslitz]

qualche altro suggerimento??