WebSite X5Help Center

 
Roberto A.
Roberto A.
User

Font più piccolo modalità mobile  it

Author: Roberto A.
Visited 885, Followers 1, Shared 0  

Ciao,
se possibile vorrei che in vista mobile, il testo uscisse piu' piccolo o si ridemensionasse in automatico
vedi foto.

Ho provato con il codice, ma non funziona sicuramente sbaglio qualcosa.

https://www.officinezanonsnc.com/

Grazie

Posted on the
8 ANSWERS - 2 USEFUL - 1 CORRECT
Fabio C.
Fabio C.
User

Se lo fai con delle celle separate puoi utilizzare l'oggetto titolo, uno per ogni scritta, che si adatta alle varie risoluzioni altrimenti devi utilizzare codice extra con i @media.

Read more
Posted on the from Fabio C.
Fabio C.
Fabio C.
User

Il codice dei @media è questo, da inserire al passo 3--->proprietà--->esperto--->prima della chiusura del tag HEAD, devi individuare la cella dove ti serve e metterlo al posto di nomecella:

<style>

@media (max-width:490px) {
.nomecella{

font-size: 14px!important;

}

</style>

Io, comunque, utilizzerei l'oggetto Titolo, spuntando Adatta le dimensioni del Font alla larghezza dell'oggetto

Read more
Posted on the from Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Roberto A.
Ciao, se possibile vorrei che in vista mobile, il testo uscisse piu' piccolo o si ridemensionasse in automatico vedi foto. Ho provato con il codice, ma non funziona sicuramente sbaglio qualcosa.

<style>
@media (max-width: 719px) and (min-width: 480px) {
#imCell_52 *, #imCell_53 *, #imCell_54 *, #imCell_55 *, #imCell_56 *, #imCell_57 * { font-size:10px !important; padding:0px !important}}
</style>

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Roberto A.
Roberto A.
User
Author

Ho provato prima con oggetto adattad dimensioni ma non funziona, e poi per quanto riguarda il codice ho inserito questo ma forse sbaglio qualcosa perchè non riduce.

@media (max-width:719px) {
.imCell_52{

font-size: 14px!important;

}

</style>

Qualche errore sicuramente di sintassi, non sono un esperto

Read more
Posted on the from Roberto A.
Fabio C.
Fabio C.
User

Scusa sul mio codice c'è un errore quello giusto è questo:

<style>

@media (max-width:490px) {
#nomecella{

font-size: 14px!important;

}

</style>

In grassetto da personalizzare.

Read more
Posted on the from Fabio C.
Roberto A.
Roberto A.
User
Author

io ho inserito questo , visto che le celle da modificare sono più di una ma non funziona

<style>
@media (max-width:719px) {
#imCell_52 {font-size: 14px!important;}
#imCell_53 {font-size: 14px!important;}
#imCell_54 {font-size: 14px!important;}
#imCell_55 {font-size: 14px!important;}
#imCell_56 {font-size: 14px!important;}
#imCell_57 {font-size: 14px!important;}
}
</style>

Read more
Posted on the from Roberto A.
Roberto A.
Roberto A.
User
Author

Con questo codice tutto ok. Perfetto Grazie.

<style>
@media (max-width: 719px) and (min-width: 480px) {
#imCell_52 *, #imCell_53 *, #imCell_54 *, #imCell_55 *, #imCell_56 *, #imCell_57 * { font-size:10px !important; padding:0px !important}}
</style>

Read more
Posted on the from Roberto A.
Fabio C.
Fabio C.
User

L'altro codice non ti funzionava perchè hai messo (max-width: 719px) invece di (max-width: 480px) e font-size 14px invece di 10px comunque hai risolto e sono contenta.

Read more
Posted on the from Fabio C.