Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : pinonline 22 Nov 2017, 11:32:07

: Testo accavallato in modulo gantry 5
: pinonline 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?

: Re:Testo accavallato in modulo gantry 5
: giusebos 22 Nov 2017, 11:47:31

crea una mediaquery cambiano il valore dell'interlinea.

: Re:Testo accavallato in modulo gantry 5
: pinonline 22 Nov 2017, 18:52:14

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

: Re:Testo accavallato in modulo gantry 5
: giusebos 22 Nov 2017, 19:08:11

metti un link al sito che facciamo prima

: Re:Testo accavallato in modulo gantry 5
: pinonline 22 Nov 2017, 20:04:45

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

: Re:Testo accavallato in modulo gantry 5
: giusebos 22 Nov 2017, 20:06:49

quale è il titolo del modulo?

: Re:Testo accavallato in modulo gantry 5
: giusebos 22 Nov 2017, 20:08:41

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.

: Re:Testo accavallato in modulo gantry 5
: giusebos 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ì

:

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

:

<h1>
stessa cosa per H4, e H3


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

:

<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>



: Re:Testo accavallato in modulo gantry 5
: pinonline 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?

: Re:Testo accavallato in modulo gantry 5
: giusebos 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>