Ciao @nicola842,
Non conosco il tema ma se ti è permesso di inserire html all’interno di quell’area di testo potresti fare in questo modo.
HO QUALCOSA DA DIRE <span>(MA NIENTE DI SERIO)</span>
E nello stile css:
.intro-text span { display : block; }
E modifichi le dimensioni del testo per essere uguali a quelle di h1. Non so se ha opzioni.
Chi ha creato la discussione
nicola842
(@nicola842)
Ciao, grazie per la risposta! Non so se il tema permetta di modificare l’html. Ad occhio direi di no ma domani controllo meglio
Non intendevo che devi modificare l’html, intendevo che nel campo dove inserisci il testo
HO QUALCOSA DA DIRE (MA NIENTE DI SERIO)
lo modifichi in
HO QUALCOSA DA DIRE <span>(MA NIENTE DI SERIO)</span>
Non è un campo di testo o textarea nel backend?
Chi ha creato la discussione
nicola842
(@nicola842)
Sì, un campino di testo. Avevo provato con un banalissimo <br> ma non funzionava (mi compariva solo scritto <br> nel titolo 😀 ) ma provo col tuo codice!
È possibile che il tema effettui uno strip dei tags, anche se dal css vedevo che per lo span interno a quell’h1 ci stavano delle regole, quindi credo che lo prenda.
È anche probabile che usi htmlentities in quel caso controlla da ispeziona elemento o dal sorgente che è meglio l’output.
Chi ha creato la discussione
nicola842
(@nicola842)
Ok domani ci provo (l’ultima parte mi suona un po’ comearabo ma ci provo!) 😀
Grazie ancora
Chi ha creato la discussione
nicola842
(@nicola842)
Eccomi! Allora se metto <span> il testo mi si rimpicciolisce ma non mi va a capo. Invece ho usato il <div> invece che il <br> e effettivamente mi va a capo! però non so bene come ridimensionare il testo (nel senso che la parte che va a capo mi diventa abbastanza più piccola). Immagino di dover intervenire sul css ma non saprei come…
Te l’ho scritto sopra, se usi <span> che è un elemento in linea il testo non va a capo per cui ti ho aggiunto il css.
Non conosco il tema ma se ti è permesso di inserire html all’interno di quell’area di testo potresti fare in questo modo.
HO QUALCOSA DA DIRE <span>(MA NIENTE DI SERIO)</span>
E nello stile css:
.intro-text span { display : block; }
E modifichi le dimensioni del testo per essere uguali a quelle di h1. Non so se ha opzioni.
Usando il tag <div> il testo va a capo perchè div è un elemento blocco ma non dovrebbe contenere direttamente del testo dato che il tag è un divisore generico di contenuti.
Per il css devi agire manualmente mettendo mano al file style.css o eventualmente campo custom css del tema se ne mette uno a disposizione.
text-align: center;
color: #FFF;
line-height: 65px;
z-index: 0;
text-transform: uppercase;
font-size: 55px;
Quello sopra è lo stile che il tema associa a .intro-text, se nel tuo css lo usi per il tag span includendo la proprietà display con valore block ottieni quello che ti serve. Di seguito il css
.intro-text span {
text-align: center;
color: #FFF;
line-height: 65px;
display: block; /* Considera il tag span come fosse di tipo blocco */
z-index: 0;
text-transform: uppercase;
font-size: 55px;
}
Consiglio
Se devi modificare il file style.css del tema allora crea un tema child onde evitare di perdere modifiche con gli aggiornamenti del tema.
-
Questa risposta è stata modificata 8 anni, 10 mesi fa da Guido Scialfa. Motivo: bad closing tag
Chi ha creato la discussione
nicola842
(@nicola842)
Eccomi! Grazie mille, ho seguito i tuoi consigli e risolto! Adesso è proprio come volevo! 😀
Grazie ancora!!
PS: appena capisco come si fa metto risolto alla discussione! XD
-
Questa risposta è stata modificata 8 anni, 10 mesi fa da nicola842.