WebSite X5Help Center

 
Simone C.
Simone C.
User

Testo responsive grazie a , come applicarlo su più "id"?  it

Auteur : Simone C.
Visité 918, Followers 1, Partagé 0  

Buonasera a tutti,

Non riesco a venire a capo al fatto di applicare lo stesso style a un gran numero di id tenendo però il codice più pulito possibile. Mi spiego:

"id" d'esempio: imObjectImage_47_106_container

Codice "style" funzionante:

<style>@media (max-width: 959.9px) and (min-width: 480px) {
#imObjectImage_47_106_container *{font-size:36px!important; }}
@media (max-width: 479.9px) {
#imObjectImage_47_106_container *{font-size:21px!important; }}</style>

In pratica faccio variare la grandezza del testo contenuto nell'oggetto al variare dei breakpoint.

(-> Esempio pratico e già parzialmente risolto visibile in altro topic qui: https://helpcenter.websitex5.com/fr/post/216367) (Grazie KolAsim per codice di partenza ;D)

La domanda è: se oltre all'id "imObjectImage_47_106_container" volessi che quanto sopra venisse applicato anche ad altri "id" es. "imObjectImage_47_105_container", "imObjectImage_47_88_container", "imObjectImage_47_107_container" e così via per un gran numero di "id", come faccio a modificare il codice sopra dicendo che venga applicato a tutti gli "imObjectImage_..._..._container" senza puntualizzarli uno per uno in una lista lunghissima?

Grazie anticipatamente a chi mi risponderà!

P.S. So di essere un filo OT, ma è per sopperire all'impossibilità di avere un testo che non sia di tipo titolo in grado di ridimensionarsi in un sito responsive creato con WebSite X5 e quindi credo possa essere d'utilità a tutti :)

Posté le
3 RéPONSES - 2 UTILE - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per tutti gli oggetti simili che hanno la stessa radice uguale, per esempio la parte in grassetto:

#imObjectImage_47_106_container

così:

div[id^='imObjectImage_47_'] {...codice... }

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Simone C.
Simone C.
User
Auteur

Grazie KolAsim, al solito N°1, ovviamente funziona! cool

Con l'occasione buon Ferragosto! :D

Lire plus
Posté le de Simone C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

Ok grazie e buon Ferragosto anche a te 

Ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪