Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.

Een afbeelding, knop CTA of logo centreren in een e-mail of pagina

Laatst bijgewerkt: maart 8, 2023

Geldt voor:

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

Als u lay-outsjablonen gebruikt die zijn gemaakt in de tool voor ontwerpbeheer, kunt u een afbeelding, knop CTA of logomodule centreren op uw pagina, blog of e-mail door inline styling toe te voegen aan uw sjabloon.

Als u een sjabloon gebruikt met een versleepbaar gebied, kunt u de uitlijning van modules centreren in de inhoudseditor. U kunt modules ook centreren in de pagina-editor met behulp van horizontale afstandhouders.

Een afbeelding, knop CTA of logo centreren met inline styling

Let op:

Een afbeelding, knop CTA of logo centreren in een e-mail of paginasjabloon:

  • Navigeer in je HubSpot-account naar je landingspagina's, websitepagina, blogpost of e-maildashboard.
  • Ga met de muis over je pagina, blogbericht of e-mail en klik op Bewerken.
  • Klik bovenin de inhoudseditor op het tabblad Instellingen.
  • Scroll op het tabblad Instellingen naar beneden en klik opGeavanceerde opties.
  • Klik in de sectie SjabloonopDeze sjabloon bewerken. Deze actie opent uw sjabloon in de opmaak-editor in een nieuw tabblad of venster.

  • Klik binnen uw lay-outsjabloon op het logo, de oproep tot actie of de afbeeldingsmodule om deze te selecteren in de inspecteur.
  • Voeg in het veld Inline Styling de CSS text-align: center toe ;

  • Klik rechtsboven op Wijzigingen publiceren om uw wijzigingen toe te passen op dit sjabloon.
  • Ga vervolgens terug naar de inhoudseditor en ververs uw webbrowser om de wijzigingen in uw sjabloon in te voeren. Uw inhoud in deze module wordt nu gecentreerd op uw pagina, blog of e-mail.

Een afbeelding, knop CTA of logo centreren vanuit de stylingopties van uw module

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

  • Om uw paginamodules te centreren:
    • Navigeer in uw HubSpot-account naar uw landingspagina's, websitepagina of blogpost.
    • Ga met de muis over uw pagina of blogbericht en klik vervolgens op Bewerken.
    • Klik in de pagina-editor op de module die je wilt centreren.
    • Klik in het linkerpaneel op het tabblad Stijlen .
    • Klik om de Uitlijning en spatiëring uit te vouwen.
    • Selecteer onder Uitlijning de Uitlijning in het midden .

  • Om uw e-mail modules te centreren:
    • Navigeer in je HubSpot-account naarMarketing > E-mail.
    • Ga met de muis over uw pagina of blogbericht en klik vervolgens op Bewerken.
    • Klik op de module die je wilt centreren.
    • Klik in het linkerpaneel op het uitlijningskeuzemenu en selecteer Centreren.

Een afbeelding, knop CTA of logo centreren met horizontale afstandhouders

Als de module die u gebruikt geen uitlijningsopties heeft, kunt u vanuit de pagina-editor horizontale afstandhouders aan uw pagina toevoegen om modules te centreren.

Let op: de module horizontale afstandhouders is niet beschikbaar bij Starter-sjablonen.

Zo centreert u uw module met behulp van een horizontale afstandhouder:

  • Navigeer in uw HubSpot-account naar uw landingspagina's, websitepagina of blogpost.
  • Zoek in de zoekbalk naar horizontale afstandhouder.
  • Klik en sleep de horizontale afstandhouders naar elke kant van de module die je wilt centreren. Pas vervolgens de breedte van de afstandhouder aan om uw element te centreren.


Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.