Centreer een afbeelding, CTA (legacy) of logo in een e-mail of pagina
Laatst bijgewerkt: april 10, 2024
Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:
Marketing Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Legacy Marketing Hub Basic |
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 sleep-en neerzetgebied, kunt u de uitlijning van modules centreren in de inhoudseditor. U kunt modules ook centreren in de pagina-editor met behulp van horizontale afstandsregels.
Een afbeelding, CTA (legacy) of logo centreren met inline styling
Let op:
- Deze methode vereist een basiskennis van HTML.
- Als je pagina of template een bijgevoegd stylesheet heeft of extra styling heeft 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.
Zo centreer je een afbeelding, CTA (legacy) of logo in een e-mail- of paginasjabloon:
- Navigeer in je HubSpot-account naar je landingspagina's, websitepagina, blogbericht of e-maildashboard.
- Beweeg de muis over de pagina, blogpost of e-mail en klik op Bewerken.
- Klik bovenin de inhoudseditor op het tabblad Instellingen .
- Scroll op het tabblad Instellingen naar beneden en klik op Geavanceerde opties.
- Klik in de sectie Sjabloon op Deze sjabloon bewerken. Hierdoor wordt uw sjabloon in de lay-outeditor geopend 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 tekst-uitlijnen: centreren toe ;
- Klik rechtsboven op Wijzigingen publiceren om uw wijzigingen toe te passen op deze 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.
Centreer een afbeelding, CTA (legacy) of logo vanuit de stylingopties van uw module
Als u een sjabloon 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 stylingoptie niet in alle sjablonen of modules beschikbaar is.
- Om uw paginamodules te centreren:
- Navigeer in je HubSpot-account naar je landingspagina's, websitepagina of blogpost.
- Ga met de muis over de pagina of blogpost en klik op Bewerken.
- Klik in de pagina-editor op de module die je wilt centreren.
- Klik in het linkerpaneel op het tabblad Stijlen .
- Klik op om Uitlijning en spatiëring uit te vouwen.
- Selecteer onder Uitlijning de optie Centreren .
- Zo centreer je je e-mailmodules:
- Navigeer in je HubSpot-account naar Marketing > E-mail.
- Beweeg de muis over je pagina of blogbericht en klik op Bewerken.
- Klik op de module die je wilt centreren.
- Klik in het linkerpaneel op het vervolgkeuzemenu Uitlijning en selecteer Centreren.
Een afbeelding, CTA (legacy) of logo centreren met horizontale afstandsregels
Als de module die u gebruikt geen uitlijningsopties heeft, kunt u vanuit de pagina-editor horizontale afstandsregels aan uw pagina toevoegen om modules te centreren.
Zo centreer je een module met een horizontale afstandhouder:
- Navigeer in je HubSpot-account naar je landingspagina's, websitepagina of blogpost.
- Zoek in de zoekbalk naar horizontale afstandhouders.
- 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 je element te centreren.