Laatst bijgewerkt: november 26, 2021
Om een afbeelding, CTA of logomodule op uw pagina, blog of e-mail te centreren, voegt u inline styling toe aan uw sjabloon in de design manager tool. Deze instructies gelden voor lay-outsjablonen die zijn gemaakt in de ontwerpbeheerfunctie.
Als u een sjabloon gebruikt met een gebied voor slepen en neerzetten, kunt u de uitlijning van modules centreren in de pagina-editor.
Let op:
- Deze methode vereist een basiskennis van HTML.
- Als uw pagina of template een toegevoegde stylesheet of extra styling heeft, kan er bestaande CSS zijn die uw afbeelding, CTA, of logo beïnvloedt. HubSpot raadt aanom samen te werken met een ontwerper om de bron van de styling te identificeren en de nodige wijzigingen aan te brengen om uw assets te centreren.
- Navigeer in je HubSpot account naar je landingspagina's, website pagina, blog post, of e-mail dashboard.
- Ga met de muis over je pagina, blog post of e-mail en klik op Bewerken.
- Bovenaan de content editor, klik op de Instellingentab.
- Op het tabblad Instellingen scrolt u omlaag en klikt u opGeavanceerde opties.
- Klik in het gedeelteSjabloonopBewerk deze sjabloon.Door deze actie wordt uw sjabloon in de lay-out editorgeopendin een nieuw tabblad of venster
.
- Klik binnen uw lay-outsjabloon op het logo, de oproep tot actie of de afbeeldingsmodule om deze in de inspecteur te selecteren.
- Voeg in het veldInline Styling de volgende CSS toe:
text-align:center;
- Klik opWijzigingen publiceren in de rechterbovenhoek 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 zal nu gecentreerd zijn op uw pagina, blog of e-mail.
