Autore Topic: Testo accavallato in modulo gantry 5  (Letto 686 volte)

Offline pinonline

  • Appassionato
  • ***
  • Post: 369
    • Mostra profilo
Testo accavallato in modulo gantry 5
« il: 22 Nov 2017, 11:32:07 »
Ciao, ho creato un custom html con G5 per pubblicare un testo da visualizzare nella home, che viene mostrato anche correttamente quasi su tutti i dispositivi, il problema mi si presenta quando lo visualizzo sul telefonino, in posizione verticale il testo del modulo si accavalla, mentre in posizione orizzantale viene visualizzato correttamente come su altri dispositivi, dipende da qualche impostazione di G5 O è un problema di codice?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19594
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Testo accavallato in modulo gantry 5
« Risposta #1 il: 22 Nov 2017, 11:47:31 »
crea una mediaquery cambiano il valore dell'interlinea.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline pinonline

  • Appassionato
  • ***
  • Post: 369
    • Mostra profilo
Re:Testo accavallato in modulo gantry 5
« Risposta #2 il: 22 Nov 2017, 18:52:14 »
Non ho idea, è una cosa nuova per me.... un esempio?


Offline giusebos

  • Fuori controllo
  • *
  • Post: 19594
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Testo accavallato in modulo gantry 5
« Risposta #3 il: 22 Nov 2017, 19:08:11 »
metti un link al sito che facciamo prima
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline pinonline

  • Appassionato
  • ***
  • Post: 369
    • Mostra profilo

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19594
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Testo accavallato in modulo gantry 5
« Risposta #5 il: 22 Nov 2017, 20:06:49 »
quale è il titolo del modulo?
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19594
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Testo accavallato in modulo gantry 5
« Risposta #6 il: 22 Nov 2017, 20:08:41 »
Parli di questa frase:

Citazione
Erleben was wirkt!
Öffnungszeiten: Mo. - Fr. 9:00 Uhr - 18:00 Uhr
Hammerstraße 8 - 79540 Lörrach (D)
Tel. +49 (0)7621 130966
Nur telefonische Terminvereinbarung.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19594
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Testo accavallato in modulo gantry 5
« Risposta #7 il: 22 Nov 2017, 20:18:10 »
ho visto il codice che hai usato e non è il massimo, avresti dovuto formattare con regole css.....
anche se è una soluzione che non mi piace correggi il codice da così

Codice: [Seleziona]
<h1 style="line-height: 10px; text-align: center;">a così

Codice: [Seleziona]
<h1>
stessa cosa per H4, e H3


se hai ancora problemi reinserisci il codice eliminato sostituendo solo xxpx con auto

Codice: [Seleziona]
<h1 style="line-height: 10px; text-align: center;"><strong><span style="color: #009999;">Erleben was wirkt!</span></strong></h1><strong>
<h4 style="line-height: 4px; text-align: center;"><span style="color: #009999;">Öffnungszeiten: Mo. - Fr. 9:00 Uhr - 18:00 Uhr</span></h4>
<h4 style="line-height: 2px; text-align: center;"><span style="color: #009999;">Hammerstraße 8 - 79540 Lörrach (D)</span></h4>
<h3 style="line-height: 4px; text-align: center;"><span style="color: #009999;">Tel. +49 (0)7621 130966</span></h3>
<h3 style="line-height: 10px; text-align: center;"><strong><span style="color: #009999;">Nur telefonische Terminvereinbarung.</span></strong></h3><strong>
            </strong></strong></div>

su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline pinonline

  • Appassionato
  • ***
  • Post: 369
    • Mostra profilo
Re:Testo accavallato in modulo gantry 5
« Risposta #8 il: 23 Nov 2017, 10:50:13 »
funziona, ma si allarga troppo verticalmente, forse devo usare i css, come dici tu. È da inserire nel custom.css?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19594
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Testo accavallato in modulo gantry 5
« Risposta #9 il: 23 Nov 2017, 14:27:17 »
Si dentro un custom. Se lo fai rimuovi tutta la formattazione in linea dando una classe diversa per ogni riga. ti passo il codice:

<div class="riga1">Erleben was wirkt!</div>
<div class="riga2">Öffnungszeiten: Mo. - Fr. 9:00 Uhr - 18:00 Uhr</div>
<div class="riga3">Hammerstraße 8 - 79540 Lörrach (D)</div>
<div class="riga4">Tel. +49 (0)7621 130966</div>
<div class="riga5">Nur telefonische Terminvereinbarung.</div>
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

 

Torna su