Joomla.it Forum
Joomla! 3 => Joomla! 3 => : Alessia77 16 Oct 2017, 14:35:11
-
Ciao dall'alto della mia inesperienza ho provato a creare una classe in custom.css del mio template per far si che una immagine di un modulo personalizzato diventi tonda utilizzando la proprietà border radius 50%.
La classe è molto stupida .myimage {border-radius: 50%} ma quando poi vado sul modulo personalizzato e metto in suffisso classe css .myimage non succede niente mentre se da "ispeziona di google co Border-radius: 50% l'immagine diventa tonda ( o meglio tutte le immagini in realtà visto che si sta modificando la proprietà img del template.
Non insultatemi grazie come sempre per l'aiuto
-
Ciao, nel campo css classe modulo prova a non mettere il .(punto) ma solo myimage
-
Innanzi tutto grazie per la risposta.Si $red avevo già provato prima di scrivere a togliere mettere il punto
-
E' più "noiso" ma aggiungi la classe (sempre senza punto) direttamente nell'html dell'immagine che inserisci nel modulo
-
Posso anche farlo ma non sono molto pratica puoi farmi un esempio pratico?
Il codice html è questo:
<p><img src="images/articoli-home/costruzione-riparazione-ristrutturazione-tetti-in-piode.jpg" alt="" /></p>
Come devo modificarlo?
-
L'html è questo:
<img src="images/xxx.jpg" class="myimage" />Se usi JCE dopo aver inserito l'immagine vai nel Tab "Avanzate" e la inserisci (sempre senza punto) alla voce "Classi"
-
ok grazie così va.
Thanks per la pazienza
-
:)
Appena ho tempo, però, voglio vedere di fare una classe da applicare al modulo per fare quello che avevi chiesto nel primo post
-
La classe .myimage {border-radius: 50%} ma quando poi vado sul modulo personalizzato e metto in suffisso classe css .myimage non succede niente
:)
Appena ho tempo, però, voglio vedere di fare una classe da applicare al modulo per fare quello che avevi chiesto nel primo post
Ok. Se vuoi utilizzare la classe per il modulo, invece che inserire ogni volta in ogni immagine del modulo la classe di cui sopra basta cambiare sintassi:
.myimage img {border-radius: 50%}
La classe così scritta (si chiama selettori multipli o combinati, o qualcosa del genere...) impone il border-radius a tutte le immagini del modulo al quale la associerai (bada bene: a tutte le immagini del modulo).
Dimenticavo...: nel modulo devi inserire solo myimage.