Dimensione testo per responsive 
Autore: Gaetano D.
Visite 1381,
Followers 5,
Condiviso 0
Ciao ragazzi...una domanda.
Se utilizzo in homepage un carattere di grandi dimensioni es.48 nella visualizzazione desktop.(vedi foto esempio). Nella modalità responsive il testo mi rimane sempre 48 e graficamente non va bene...come si fa a modificarlo? Grazie mille
Postato il
potresti utilizzare questo codice nella pagina Proprietà poi esperto, prima della chiusura del tag HEAD
<style>
@media (max-width: 479px) {
#imTextObject_12_tab0 .fs80 { font-size:65pt !important}
}
</style>
le parti in grassetto vanno modificate in base alle tue esigente, nell'ordine:
1) brackpoint di intervento
2) oggetto che contiene il testo
3) dimensione font
Autore
ok provo e ti faccio sapere
Autore
Non me lo modifica...cosa sbaglio?
Giancarlo, con il valore di 65pt dai 479px in giù poi si ha un testo molto più grande dei 48pt. Ds Services vorrebbe un testo più piccolo alle risoluzioni inferiori, dovrebbe usare un valore tipo 20/24pt all'interno del codice da te postato, se non ho capito male la sua richiesta. Ciao
si cero Giuseppe (ho fatto un copie e incolla da un mio progetto), è tutto codice da modificare quello scritto in grassetto
come ho scritto (testo in grassetto) devi individuare il nome del tuo oggetto testo (quello del codice è il mio) ... volendo metti il progetto online
più che progetto il sito online ...
ah si vero Giancarlo, lo avevi scritto che le parti in grassetto erano da modificare. Avevo letto in fretta... Ciaooo
Autore
oook quindi devo andare a cercare il nome oggetto. Boooh vabbè utilizzo un mio dominio e creo questo esempio.
www.dsservices.it ho lasciato accessibile il codice html. Dove lo prendo il nome oggetto da modificare a questo postato in precedenza? #imTextObject_12_tab0 .fs80
vedo che ogni riga è un oggetto testo, sarebbe più semplice un solo oggetto testo con tuto il testo dentro....
<div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_02_tab0" style="opacity: 1; ">
<div class="text-inner">
<div class="imTACenter"><span class="fs40lh1-5 cf1 ff1"><b>COME DIAVOLO</b></span><span class="fs72lh1-5 cf1 ff1"><i><b>!</b></i></span></div>
</div>
</div>
comunque il tuo primo oggetto testo è questo #imTextObject_02_tab0
Autore
ok provo...vi faccio sapere
Autore
Inserisco il nome oggetto come indicato..ma la frase "come diavolo" nel responsive è sempre di grandi dimensioni
Forse manca.class se vuoi prova a mandarmi iwizip
visto che mi sembri interessato alla problematica puoi dare il tuo apporto quì: https://helpcenter.websitex5.com/it/post/216372
anche se credo sarà una lunga attesa
Autore
ok dove te lo invio?
vai sul mio sito e scrivimi
ti ho scritto... ciao.
...!... strano il TAG <b> ... è inserito dal programma ...?...
... per quel testo che si vede adesso, PRESTO ONLINE! ...potresti semplicemente incollare queste stringhe nella opzione "Prima della chiusura del TAG /HEAD":
<style>@media (max-width: 719.9px) and (min-width: 480px) {
#imTextObject_02 *{font-size:48px!important; }}
@media (max-width: 479.9px) {
#imTextObject_02 *{font-size:28px!important; }}</style>
.
ciao mi hai inviato il progetto sbagliato, ora come ha scritto KolAsim vedo che hai eliminato degli oggetti testo, potresti provare il codice che avevi postato sopra (vedi anche Kol), se vuoi rimandami il progetto giusto.
Giancarlo.
ummm!! possibile semplice alternativa, sostituisci gli oggetti testo con tre oggetti titolo, e flegga "Adatta dimensione font alla lunghezza dell'oggetto"
Valuta tu ... cosa preferisci, diversamente codice esterno.
Ciao.
Buongiorno ds services,
prova a seguire i consigli che ti hanno dato gli altri utenti e facci sapere se hai difficoltà.
Grazie.