Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
Design Manager

Wyśrodkuj formularz na szablonie HubSpot

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Możesz wyśrodkować formularz na szablonie HubSpot, używając poziomych modułów dystansowych lub niestandardowego CSS.

Używanie poziomych modułów dystansowych

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • Kliknij nazwę szablonu w wyszukiwarce, aby go edytować.
  • W inspektorze po prawej stronie kliknij+Dodaj, aby wstawić dwa nowe poziome moduły dystansowe; jeden po lewej, a drugi po prawej stronie modułu formularza.
center-a-form

Używanie niestandardowego CSS

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W wyszukiwarce, kliknijoszukaj swójplik CSSw obrębie folderów, a następnie kliknij go, aby zaznaczyć go w edytorze.
  • Dodaj następujący kod do wyśrodkowania all swoich formularzy na całej stronie:
/* Aby wyśrodkować formularz w obrębie jego modułu i zastosować maksymalną szerokość */
form.hs-form,
.hs_cos_wrapper .form-title {
max-width: 600px;
display: block;
margin: 0 auto;
}

/* Aby wyśrodkować tytuł formularza w module formularza */
.hs_cos_wrapper .form-title {
text-align: center;
}

/* Aby wyśrodkować przycisk wysyłania formularza */
.hs_submit {
   text-align: center;
}
  • Jeśli chcesz wyśrodkować określone formularze, możesz dodaćniestandardową klasę do swojego modułu formularzyw swoim szablonie, a następnie dostosować swój CSS, aby stosował się tylko do modułów z tą klasą. Na przykład, jeśli dodasz niestandardową klasę center-form do modułu formularzy w swoim szablonie, Twój CSS będzie wyglądał tak:
/* Aby wyśrodkować formularz w obrębie jego modułu i zastosować maksymalną szerokość */
form.hs-form,
.center-form .hs_cos_wrapper .form-title{
max-width: 600px;
display: block;
margin: 0 auto;
}

/* Aby wyśrodkować tytuł formularza w obrębie modułu formularza */
.center-form .hs_cos_wrapper .form-title{
text-align: center;
}

/* Aby wyśrodkować przycisk wysyłania formularza */
.center-form .hs_submit{
   text-align: center;
}
  • W prawym górnym rogu kliknij przyciskOpublikuj zmiany.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.