Testo accavallato in modulo gantry 5

[pinonline]

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?

[giusebos]

crea una mediaquery cambiano il valore dell'interlinea.

[pinonline]

Non ho idea, è una cosa nuova per me.... un esempio?

[giusebos]

metti un link al sito che facciamo prima

[pinonline]

http://kosmetikstudio-harmony.de/home/index.php/homepage

[giusebos]

quale è il titolo del modulo?

[giusebos]

Parli di questa frase:

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.

[giusebos]

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>



[pinonline]

funziona, ma si allarga troppo verticalmente, forse devo usare i css, come dici tu. È da inserire nel custom.css?

[giusebos]

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>