Salta al contenuto
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Centrare un'immagine, una CTA (legacy) o un logo in un'e-mail o in una pagina.

Ultimo aggiornamento: gennaio 29, 2024

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

Se si utilizzano modelli di layout creati nello strumento Design Manager, è possibile centrare un'immagine, una CTA (legacy) o un modulo logo sulla pagina, sul blog o sull'e-mail, aggiungendo uno stile in linea al modello.

Se si utilizza un modello che include un'area di trascinamento, è possibile centrare l'allineamento dei moduli nell'editor dei contenuti. È anche possibile centrare i moduli nell'editor di pagina utilizzando i distanziatori orizzontali.

Centrare un'immagine, una CTA (legacy) o un logo con lo stile in linea

Attenzione:

Per centrare un'immagine, una CTA (legacy) o un logo in un modello di email o di pagina:

  • All'interno del modello di layout, fare clic sul logo, sull' invito all'azione o sul modulo immagine per selezionarlo nell'ispettore.
  • Nel campo Stile in linea , aggiungere il CSS text-align: center;

  • In alto a destra, fare clic su Pubblica modifiche per applicare le modifiche a questo modello.
  • Quindi, tornare all'editor di contenuti e aggiornare il browser web per visualizzare le modifiche al modello. Il contenuto di questo modulo sarà ora centrato nella pagina, nel blog o nell'e-mail.

Centrare un'immagine, una CTA (legacy) o un logo dalle opzioni di stile del modulo

Se si utilizza un modello con un'area di trascinamento, in alcuni moduli o sezioni è possibile scegliere di impostare direttamente l'allineamento. Si noti tuttavia che questa opzione di stile potrebbe non essere disponibile su tutti i template o moduli.

  • Per centrare i moduli della pagina:
    • Nel vostro account HubSpot, andate sulle pagine di destinazione, sulla pagina del sito web o sul post del blog.
    • Passare il mouse sulla pagina o sul post del blog, quindi fare clic su Modifica.
    • Nell'editor della pagina, fate clic sul modulo che desiderate centrare.
    • Nel pannello di sinistra, fare clic sulla scheda Stili .
    • Fare clic per espandere la sezione Allineamento e spaziatura.
    • In Allineamento, selezionare l'allineamento Centro .

  • Per centrare i moduli e-mail:
    • Nel vostro account HubSpot, andate su Marketing > Email.
    • Passare il mouse sulla pagina o sul post del blog, quindi fare clic su Modifica.
    • Fate clic sul modulo che desiderate centrare.
    • Nel pannello di sinistra, fate clic sul menu a discesa Allineamento e selezionate Centra.

Centrare un'immagine, una CTA (legacy) o un logo utilizzando i distanziatori orizzontali

Se il modulo in uso non dispone di opzioni di allineamento, dall'editor di pagina è possibile aggiungere distanziatori orizzontali alla pagina per centrare i moduli.

Nota bene: il modulo distanziatore orizzontale non è disponibile con i modelli Starter.

Per centrare il modulo utilizzando un distanziatore orizzontale:

  • Nel vostro account HubSpot, navigate nelle vostre landing page, pagine web o blog post.
  • Nella barra di ricerca, cercate il distanziatore orizzontale.
  • Fate clic e trascinate i distanziatori orizzontali su ciascun lato del modulo che volete centrare. Quindi, regolare la larghezza del distanziatore per centrare l'elemento.


L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.