Testo responsive che si adatta riducendo la dimenzione del font 
Autore: Salvatore N.
Visite 1107,
Followers 2,
Condiviso 0
Salve Community di X5, ho visto su alcuni templates online (non quelli di X5) che il testo allo scalare della grandezza della pagina (riducendo la finestra manualmente) si adatta anche scalando la grandezza del font. Su X5, invece la dimensione rimane del font rimane invariata anche se si adatta alla larghezza della pagina. Vorrei sapere se c'è un metodo per ottenere lo stesso effetto con X5 Pro (ultima versione). Grazie
Postato il
Se usi l'oggetto testo per diminuire la dimensione del font devi utilizzare del codice esterno mentre con l'oggetto titolo adatta al contenuto è automatico il ridimensionamento vado a memoria ma dovrebbe essere così
Autore
Grazie per la risposta Giancarlo, sapresti indicarmi qual'è il codice da inserire e dove inserirlo?
Ciao Salvatore, ti rispondo dallo smartphone quindi non sarà molto dettagliata la risposta, questo è il codice
@media (max-width: 479px) {
#imCellStyle_3 {
font-size:10px !important;
}
479px è la risoluzione di intervento
imCellStyle_3 è l'oggetto in questione
font-size:10px la dimensione del font a quella risoluzione
Queste sono tutte variabili che tu dovrai gestirti
Oltre alla risposta di @Giancarlo prova a leggere questo topic
https://helpcenter.websitex5.com/it/post/197879
Ciao
Dovresti vedere il codice funzionante in questa pagina
https://www.jinktatuaggi.com/collaborazioni.html
Autore
Grazie a tutti per le risposte e complimenti @Giancarlo per il suo sito. Ho già provato il codice suggerito da Giorgio e funziona alla perfezione
Vorrei chiedervi qual'è il Codice CSS da inserire per settare ad esempio un google font specifico come quello che uso negli oggetti di testo del progetto
Quando n un oggetto scegli il tipo di font puoi specificare è scegliere la liberatoria Google font ti si apre una finestra dove potrai scegliere il font desidero con le ultime versioni di website non occorre codice viene gestito da programma
Autore
Ho risolto x quanto riguarda il google font prelevando il codice su https://fonts.google.com/ e inserendolo così come di seguito nella TAB "Esperto - Codice CSS" :
#testo { font-family: 'DM Serif Display', serif;
font-size:70px ;
text-align: left;}
@media only screen and (max-width: 961px)
{#testo{font-size:50px ;} }
@media only screen and (max-width: 720px)
{#testo only {font-size:40px;} }
@media only screen and (max-width: 600px)
{#testo only {font-size:30px ;} }
@media only screen and (max-width: 480px)
{#testo{font-size:26px ;} }
@media only screen and (max-width: 360px)
{#testo{font-size:20px ; } }
Spero possa aiutare qualcun altro
Autore
Hai ragione Giancarlo, ma questo lo puoi selezionare solamente sull'oggetto testo ma non in quello HTML nel quale va specificato nel codice CSS
Ho visto ora il codice di Giorgio io utilizzo l'oggetto testo quindi mi risulta più semplice inserire il tipo di font
Questo è il codice inserito sulla pagina che avevo linkato, come vedi è poco
Il resto è gestito dal programma.
Ciao Giancarlo.