Formular in einer HubSpot-Vorlage zentrieren

vrneuman
HubSpot Employee
 
Sie können Ihr Formular mithilfe des Moduls „Horizontaler Abstandhalter“ oder CSS in einer HubSpot-Vorlage zentrieren.

 

Mithilfe des Moduls „Horizontaler Abstandhalter“

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Klicken Sie im Finder auf den Namen der Vorlage.
  • Klicken Sie im Inspektor rechts auf Hinzufügen, um zwei neue Module „Horizontaler Abstandhalter“ einzufügen. Eins der Module wird links vom Formularmodul, das andere rechts davon angeordnet.

 

Mithilfe von benutzerdefiniertem CSS

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Suchen Sie im Finder Ihre CSS-Datei in den Ordnern, und klicken Sie auf die Datei, um sie im Editor auszuwählen.
  • Fügen Sie den folgenden Code ein, um alle Ihre Formulare auf Ihrer Website zu zentrieren:
/* Zum Zentrieren des Formulars innerhalb seines Moduls und Anwenden einer maximalen Breite */
form.hs-form,
.hs_cos_wrapper .form-title {
max-width: 600px;
display: block;
margin: 0 auto;
}

/* Zum Zentrieren des Formulartitels innerhalb eines Formularmoduls */
.hs_cos_wrapper .form-title {
text-align: center;
}

/* Zum Zentrieren der Einsende-Schaltfläche im Formular */
.hs_submit {
    text-align: center;
}
/* Zum Zentrieren des Formulars innerhalb seines Moduls und Anwenden einer maximalen Breite */
form.hs-form,
.center-form .hs_cos_wrapper .form-title {
max-width: 600px;
display: block;
margin: 0 auto;
}

/* Zum Zentrieren des Formulartitels innerhalb eines Formularmoduls */
.center-form .hs_cos_wrapper .form-title {
text-align: center;
}

/* Zum Zentrieren der Einsende-Schaltfläche im Formular */
.center-form .hs_submit {
    text-align: center;
}
  • Klicken Sie oben rechts auf Änderungen veröffentlichen.
 
0 Upvotes

0 Replies

No replies on this post just yet

No one has replied to this post quite yet. Check back soon to see if someone has a solution, or submit your own reply if you know how to help! Karma is real.

Reply to post

Need help replying? Check out our Community Guidelines

0 Replies 0