Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : ciroslitz 08 Jul 2016, 09:58:44

: Centrare immagini protostar da smartphone
: ciroslitz 08 Jul 2016, 09:58:44
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.
: Re:Centrare immagini protostar da smartphone
: Francesco Di Giovanni 08 Jul 2016, 13:44:26
Ciao  :)
devi utilizzare i breakpoint e media queries,
per esempio una cosa del genere
@media screen and (min-width: 480px) { ...... codice ..........  }


a presto
: Re:Centrare immagini protostar da smartphone
: ciroslitz 08 Jul 2016, 16:48:47
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
: Re:Centrare immagini protostar da smartphone
: Francesco Di Giovanni 08 Jul 2016, 17:44:51
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
: Re:Centrare immagini protostar da smartphone
: ciroslitz 09 Jul 2016, 09:21:57
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
: Re:Centrare immagini protostar da smartphone
: Francesco Di Giovanni 09 Jul 2016, 19:20:49
bisognerebbe conoscere il tuo template e come sono organizzati i tuoi articoli.

: Re:Centrare immagini protostar da smartphone
: ciroslitz 10 Jul 2016, 10:49:12
Il template è protostar come ti dicevo.... eccoti un link al sito se puoi aiutarmi:


http://www.professionistiscuola.it/
: Re:Centrare immagini protostar da smartphone
: Francesco Di Giovanni 13 Jul 2016, 00:16:55
Ciao  :)
.item-page img{display: block;margin:0 auto;}
prova cosi


a presto  ;)
: Re:Centrare immagini protostar da smartphone
: ciroslitz 14 Jul 2016, 09:23:46
Purtroppo non va.....
: Re:Centrare immagini protostar da smartphone
: Francesco Di Giovanni 15 Jul 2016, 00:31:19
Ciao,
cosa hai riscontrato con Firebug?
: Re:Centrare immagini protostar da smartphone
: ciroslitz 16 Jul 2016, 15:39:46
inserisco la reloga nel css ma non cambia nulla sbaglio qualcosa?
: Re:Centrare immagini protostar da smartphone
: Francesco Di Giovanni 18 Jul 2016, 00:18:21
Ciao,
dovrebbe essere cosi
@media screen and (max-width: 480px) {.item-page img{display: block; margin:0 auto;}}
: Re:Centrare immagini protostar da smartphone
: ciroslitz 18 Jul 2016, 22:25:04
Purtroppo nulla eccoti uno screen da smartphone il testo resta a destra
: Re:Centrare immagini protostar da smartphone
: Francesco Di Giovanni 19 Jul 2016, 00:13:30
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?
: Re:Centrare immagini protostar da smartphone
: ciroslitz 19 Jul 2016, 08:20:45
Nel personal css... dove inserisco tutte le modifiche....
: Re:Centrare immagini protostar da smartphone
: Francesco Di Giovanni 19 Jul 2016, 23:51:39
ciao, c'è il Plugin JCH Optimize che mi impedisce di vedere il file css
: Re:Centrare immagini protostar da smartphone
: ciroslitz 23 Jul 2016, 21:41:01
lo disabilito.... fammi sapere. grazie
: Re:Centrare immagini protostar da smartphone
: ciroslitz 30 Aug 2016, 09:07:22
qualche altro suggerimento??