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.
Design Manager

Centreer een formulier op een HubSpot sjabloon

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

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

U kunt een formulier centreren op een HubSpot sjabloon met behulp van horizontale spacermamodules of aangepaste CSS.

Gebruik van horizontale afstandhouders

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik op de naam van het sjabloon in de finder om deze te bewerken.
  • Klik in de inspecteur aan de rechterkant op + Toevoegen omtwee nieuwe horizontale spacermamodulesin te voegen; één aan de linkerkant en één aan de rechterkant van uw formuliermodule.
center-a-form

Gebruik van aangepaste CSS

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • In de vinder, locateer uwCSS-bestandbinnen de mappen, klik er dan op om het te selecteren in de editor.
  • Voeg de volgende code toe aan het midden alle van uw formulieren op uw website:
/* Om het formulier te centreren binnen de module en een maximale breedte toe te passen */
vorm.hs-vorm,
.hs_cos_wrapper .form-title { 
max. breedte: 600px;
display: blok;
marge: 0 auto;
}

/* Om de formuliertitel te centreren binnen een formuliermodule */
.hs_cos_wrapper .form-title { 
Tekst uitlijnen: in het midden;
}

/* Om het formulier te centreren, moet u op de knop */
.hs_submit { 
   Tekst uitlijnen: in het midden;
}
  • Als u specifieke formulieren wilt centreren, kunt u eenaangepaste klasse aan uw formuliermoduleopuw sjabloon en pas dan uw CSS aan om alleen van toepassing te zijn op modules met die klasse. Als u bijvoorbeeld het aangepaste klasse-centrum-formulier toevoegt aan uw formuliermodule op uw sjabloon, zou uw CSS er zo uitzien:
/* Om het formulier te centreren binnen de module en een maximale breedte toe te passen */
vorm.hs-vorm,
.center-form .hs_cos_wrapper .form-title {
max. breedte: 600px;
display: blok;
marge: 0 auto;
}

/* Om de formuliertitel te centreren binnen een formuliermodule */
.center-form .hs_cos_wrapper .form-title {
Tekst uitlijnen: in het midden;
}

/* Om het formulier te centreren, moet u op de knop */
.center-formulier .hs_submit {
   Tekst uitlijnen: in het midden;
}
  • Klik rechtsboven opVeranderingen publiceren.