WebSite X5Help Center

 
Stefano T.
Stefano T.
User

Dimensioni font Tag H (Intestazioni)  it

Auteur : Stefano T.
Visité 974, Followers 3, Partagé 0  

E' possibile avere delle intestazioni H2 con font di dimensioni diverse?

Mi basterebbe la dimensione, non pretendo di cambiare font

Posté le
27 RéPONSES - 5 UTILE
Stefano T.
Stefano T.
User
Auteur

Ho dimenticato di dire che le dimensioni dei Tag H so dove si cambiano ma in una pagina vorrei ad esempio un H2 dim.20 e in un'altra un H2 dim.12

Lire plus
Posté le de Stefano T.
Fabio C.
Fabio C.
User

Nelle pagine dove vuoi modificarlo metti un oggetto HTML vuoto e nella sezione esperto inserisci il css di cui hai bisogno per modificare gli H2

Lire plus
Posté le de Fabio C.
Fabio C.
Fabio C.
User

Esempio:

h2 {
font-size: 20px;

color:red;
font-weight: bold;
margin: 0 0 10px 0;
}

Con il codice in grassetto cambi le dimensioni del testo, le altre puoi anche ometterle se non ti serve di cambiare colore, carattere e margini

Lire plus
Posté le de Fabio C.
Stefano T.
Stefano T.
User
Auteur

Ho provato a mettere l'oggetto HTML nella prima riga e scrivere il codice ma non succede nulla, tutto resta come prima

Lire plus
Posté le de Stefano T.
Fabio C.
Fabio C.
User

Scusa ho omesso !important il codice giusto è questo

h2 {
font-size: 20px!important;
color:red;
font-weight: bold;
margin: 0 0 10px 0;
}

Insersci !important a qualsiasi cosa tu vuoglia modificare, come scritto sopra a te interessa solo la dimensione del font per cui il tuo codice sarà

h2 {
font-size: 20px!important;
}

Lire plus
Posté le de Fabio C.
Stefano T.
Stefano T.
User
Auteur

Niente anche così resta come prima

Lire plus
Posté le de Stefano T.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

posta il link !

vedendo cosa fai sarà più facile capire se e dove sbagli ... oppure indirizzarti...

Lire plus
Posté le de Claudio D.
Esse Di
Esse Di
User

Prova inserendo in "Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD"

<style>
.imHeading2 {font-size: 40px;}
</style>

Lire plus
Posté le de Esse Di
Fabio C.
Fabio C.
User
Stefano T.
Niente anche così resta come prima

Prima di postare il codice ho fatto delle prove in locale e funziona, chiaramente se nella pagina dove lo inserisci H2 è già impostato a 20px non vedi differenze, prova a aumentare/diminuire i valori perchè mi sembra strano che non funzioni e comunque, come detto da Claudio D., posta un link così capiamo il problema.

Lire plus
Posté le de Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Stefano T.
Ho provato a mettere l'oggetto HTML nella prima riga e scrivere il codice ma non succede nulla, tutto resta come prima

... ma! ... per il codice di Patrizia, nell'Oggetto Codice HTML hai inncollato il codice nella scheda Esperto | Codice CSS

... oppure in sua vece con medesimi effetti puoi provare codice e posizione di Esse Di...

... per queste semplici cose non dovresti ricorrere a codici extra, e sicuramente sbaglierai qualcosa; ... quindi come è stato già anticipato, sarebbe meglio se posti il LINK del tuo esempio online per evitare supposizioni...!...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Stefano T.
Stefano T.
User
Auteur

Vi allego il file project.iwprj2, preso dal pc in ufficio dove uso la versiione 2019 Pro; il sito è appena iniziato e sto facendo delle prove con questo template di Incomedia.

L'H2 originale è 28px, ovviamente l'ho fatto più piccolo (15px) per vedere se si modificava. 

Nella pagina WEB ho utilizzato il codice di Esse Di mettendolo in Proprietà: funziona

Nella pagina GRAPHIC il codice di Patrizia B. inserendo un oggetto HTML: non funziona

Lire plus
Posté le de Stefano T.
Fabio C.
Fabio C.
User

Pensavo ti riferissi all'H2 principale e non quello di pagina inserito con l'oggetto Testo, quindi i codici vanno bene tutti e 2 inseriti nei modi differenti, il mio inserito in oggetto HTML sezione CSS deve essere così:

.imHeading2 {
font-size: 15px!important;
}

Lire plus
Posté le de Fabio C.
Stefano T.
Stefano T.
User
Auteur

Grazie Esse Di e grazie Patrizia!

Mentre ci siamo: non ho capito a cosa può servire il tuo codice precedente (quello con !important), potrebbe sempre tornare utile per qualche altra cosa

Lire plus
Posté le de Stefano T.
Fabio C.
Fabio C.
User
Stefano T.
non ho capito a cosa può servire il tuo codice precedente (quello con !important), potrebbe sempre tornare utile per qualche altra cosa

A quale codice ti riferisci ?

Lire plus
Posté le de Fabio C.
Fabio C.
Fabio C.
User

Se ti riferisci a questo

h2 {
font-size: 20px!important;
color:red!important;

}

Varia l'H2 impostata al passo 2--->modello--->Stile Testi, Campi e Pulsanti

Mentre questo color:red!important; cambia il colore del testo, se lo inserisci sull'altro funziona ugualmente.

Lire plus
Posté le de Fabio C.
Stefano T.
Stefano T.
User
Auteur

Grazie, esatto, era quello che intendevo.

E questo codice dove lo inserisci?

Lire plus
Posté le de Stefano T.
Fabio C.
Fabio C.
User

Così

<style>

h2 {
font-size: 20px!important;
color:red!important;

}

</style>

Nella sezione esperto della pagina in cui lo vuoi cambiare.

Lire plus
Posté le de Fabio C.
Fabio C.
Fabio C.
User

Prima della chiusura del tag Head

Lire plus
Posté le de Fabio C.
Stefano T.
Stefano T.
User
Auteur

Provato ma non mi modifica nulla

Lire plus
Posté le de Stefano T.
Esse Di
Esse Di
User
Stefano T.
Provato ma non mi modifica nulla

Ma cosa dovrebbe modificare?

Lire plus
Posté le de Esse Di
Fabio C.
Fabio C.
User
Stefano T.
Provato ma non mi modifica nulla

Devi attivare al passo 2--->Stile testi--->Titolo della Pagina

Lire plus
Posté le de Fabio C.
Fabio C.
Fabio C.
User
Esse Di
Ma cosa dovrebbe modificare?

Come scritto sopra, Varia l'H2 impostata al passo 2--->modello--->Stile Testi, Campi e Pulsanti che si visualizza attivando il Titolo della Pagina

Lire plus
Posté le de Fabio C.
Esse Di
Esse Di
User
Patrizia B.
Come scritto sopra, Varia l'H2 impostata al passo 2--->modello--->Stile Testi, Campi e Pulsanti che si visualizza attivando il Titolo della Pagina

Mi era sfuggito.

OT

Fino a quando Incomedia continuerà a trascurare il titolo della pagina nella Home Page, io non lo utilizzerò: se per avere il titolo nella Home Page devo inserire un apposito oggetto testo, tanto vale che lo faccia per tutte pagine, con il vantaggio di una maggiore flessibilità nella personalizzazione

Lire plus
Posté le de Esse Di
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Stefano T.
Provato ma non mi modifica nulla

... ti è stato chiesto diverse volte, tre+1, di postare il LINK della tua pagina... (...!?...)

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Stefano T.
Stefano T.
User
Auteur

Se guardi in alto c'è il file, come faccio a postare il link se non è pubblicato?

Lire plus
Posté le de Stefano T.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT
Stefano T.
Se guardi in alto c'è il file, come faccio a postare il link se non è pubblicato?

...quel file non serve a nulla wink

contiene solo una parte del progetto...

il progetto si ottiene e salva (cosa che spero tu faccia spesso... e anche su supporti esterni) al passo 5 - esporta progetto... , si ottiene un file .iwzip

Le prove è sempre meglio farle online e sopratutto se si ha bisogno di assistenza per facilitare chi cerca di aiutarti...

Esporta il sito su una sottocartella del tuo sito... o su un dominio di prova (ad esempio Altervista...)

poi metti qui il link... come ti avevo chiesto giorni fa...

Claudio D.
posta il link ! vedendo cosa fai sarà più facile capire se e dove sbagli ... oppure indirizzarti...
Lire plus
Posté le de Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Stefano T.
Se guardi in alto c'è il file, come faccio a postare il link se non è pubblicato?

... ma...!... non si può pensare che  dopo diversi anni hai ancora difficoltà a pubblicare un semplice esempio con un semplice click...!!!...
... come già anticipato da Claudio, ... puoi pubblicare in una cartella di prova chiamata "prova"  del tuo sito: www.tuosito.it/prova/
... oppure, come fanno in tanti, se non quasi tutti per i test reali, puoi pubblicare in uno spazio web free come per esempio su Altervista: www.tuositodi provaprovvisorio.it/

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪