Centreer een afbeelding, CTA (legacy) of logo in een e-mail of pagina

Als je lay-outsjablonen gebruikt die zijn gemaakt in de tool Design manager, kun je een afbeelding, CTA (legacy) of logomodule centreren op je pagina, blog of e-mail door inline styling toe te voegen aan je sjabloon.

Als u een sjabloon gebruikt met een drag-and-drop-editor, kunt u de uitlijning van modules centreren in de inhoudseditor. U kunt modules ook centreren in de pagina-editor met behulp van horizontale afstandsregels.

Let op: accounts die na 17 maart 2025 zijn aangemaakt, hebben geen toegang tot de CTA (legacy) tool.

Centreer een afbeelding, CTA (legacy) of logo met inline styling

Het centreren van een afbeelding met inline styling vereist een basiskennis van HTML. Als er een stylesheet aan je pagina of template is toegevoegd of als er extra styling is toegevoegd, kan er bestaande CSS zijn die van invloed is op je afbeelding, CTA (legacy) of logo. HubSpot raadt aan om samen te werken met een ontwerper om de bron van de styling te identificeren en de nodige wijzigingen aan te brengen om je activa te centreren.

Een afbeelding, CTA (legacy) of logo centreren in een e-mail- of paginasjabloon:

• Navigeer naar uw inhoud:

  • Websitepagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
  • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
  • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
  • E-mail: Ga in je HubSpot-account naar Marketing > E-mail.

• Beweeg de muis over je inhoud en klik op Bewerken.
• Open in de editor de instellingen van je inhoud:
  • Klik voor berichten en pagina's op het menu Instellingen en selecteer Geavanceerd.
  • Voor e-mails klikt u op het tabblad Instellingen en vervolgens op om de sectie Geavanceerde opties uit te vouwen.

• Klik in de sectie Sjabloon op Bewerk deze sjabloon om de sjabloon te openen in de design manager.

• Klik in de design manager op het logo, de call-to-action of de afbeeldingsmodule.
• Voer in de rechterkolom text-align: center; in het veld Inline styling in .

 

• Klik rechtsboven op Wijzigingen publiceren om uw wijzigingen toe te passen op deze sjabloon.

Centreer een afbeelding, CTA (legacy) of logo uit de stylingopties van je module

Als je een sjabloon gebruikt met een drag-and-drop gebied, kun je in bepaalde modules of secties ervoor kiezen om de uitlijning direct in te stellen. Houd er wel rekening mee dat deze stylingoptie niet in alle sjablonen of modules beschikbaar is.

• Pagina- of postmodules centreren:

  • Navigeer naar uw inhoud:

    • Websitepagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
    • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
    • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
    Beweeg de muis over uw pagina of blogbericht en klik op Bewerken.
  • Klik in de pagina-editor op de module die u wilt centreren.
  • Klik in het linkerpaneel op de tab Stijlen en vervolgens op om de sectie Uitlijning en spatiëring uit te vouwen.
  • Selecteer onder Uitlijning de uitlijning Centreren .
    
    

• Uw e-mailmodules centreren:
  • Navigeer in je HubSpot-account naar Marketing > E-mail.
  • Beweeg de muis over je e-mail en klik op Bewerken.
  • Klik op de module die je wilt centreren.
  • Klik in het linkerpaneel op het vervolgkeuzemenu Uitlijning en selecteer Centreren.
    
    

Centreer een afbeelding, CTA (legacy) of logo met behulp van horizontale afstandsregels

Als de module die u gebruikt geen uitlijnopties heeft, kunt u vanuit de inhoudseditor horizontale afstandsregels toevoegen aan uw pagina om modules te centreren.

De module centreren met behulp van een horizontaal afstandsstuk:

• Navigeer naar uw inhoud:

  • Websitepagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
  • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
  • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
• Klik in de linkerkolom van de inhoudseditor op + Toevoegen.
• Zoek in de zoekbalk naar horizontale afstandshouders.
• Klik en sleep de horizontale afstandshouders naar elke kant van de module die u wilt centreren. Pas vervolgens de breedte van de afstandhouder aan om uw element te centreren.