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.