Laatst bijgewerkt: maart 8, 2023
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:
- Deze methode vereist een basiskennis van HTML.
- Als je pagina of template een stylesheet heeft of extra styling heeft toegevoegd, kan er bestaande CSS zijn die je afbeelding, CTA of logo beïnvloedt. HubSpot raadt aan omsamen 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, 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.
