Sezione con testo centrato

Applica a tutte le sezioni

Per applicare il testo del titolo centrato a tutte le sezioni di tipo principale segui questi passaggi:

1. Crea una sezione di tipo principale in una pagina
2. Inserisci il testo del titolo e salva
3. Torna alla homepage dei progetti web e clicca Impostazioni poi Iniezione codice
4. Copia e incolla questo codice nel box "Codice tag <head/>"

       <style>
           .OverrideMainBlock--container {
           margin-bottom: -4rem;
           }
           .OverrideMainBlockContainer--first-slot {
           align-items: center;
           justify-content: center;
           margin: auto;
           }
           .OverrideMainBlock--title,
           .OverrideMainBlock--description {
           text-align: center;
           }
       </style>

5. Clicca la spunta per confermare che il codice è sicuro e poi clicca "Salva".

Applica a sezioni specifiche

1. Crea una sezione di tipo principale in una pagina,
2. Inserisci il testo del titolo e salva,
3. Clicca il pulsante con l'icona della tabella accanto alla sezione,
4. Clicca "Aggiungi" e insersci nel campo "Chiave" la voce "class" e poi nel campo "Valore" la voce "CenteredText" e clicca "Salva",
5. Torna alla homepage dei progetti web e clicca Impostazioni poi Iniezione codice,
6. Copia e incolla questo codice nel box "Codice tag <head/>":

       <style>
           .CenteredText .OverrideMainBlock--container {
           margin-bottom: -4rem;
           }
   
           .CenteredText .OverrideMainBlockContainer--first-slot {
           align-items: center;
           justify-content: center;
           margin: auto;
           }
   
           .CenteredText .OverrideMainBlock--title,
           .OverrideMainBlock--description {
           text-align: center;
           }
       </style>

7. Clicca la spunta per confermare che il codice è sicuro e poi clicca "Salva".

Ora a tutte le sezioni che aggiungerai la classe CenteredText nei metadati acquisiranno lo stile con il testo centrato.