Lead Capture Tools

needmoreinfo
Member

Form Button

SOLVE

I have been trying for the last 3 hours to get the button on this form to center align. 

 

Hubspots default setting is to make the button the entire width of the form, which is dumb (especially considering they give you an option to adjust the alignment. Whats that going to do for me hubspot, the button is the entire width of the module". There are no options to adjust the width of the button anywhere, not in the template, not in module, and not in the theme. 

I have been attempting to use CSS to do this, but I'm not a CSS developer and my attempts to find code online have failed.

I have tried using a justify-content:center; line, but it is not working. Can someone please help me achieve an outcome that I could have done in 30 seconds on Angelfire in 2002?

0 Upvotes
1 Accepted solution
CarolinaDeMares
Solution
Contributor

Form Button

SOLVE

Hi @needmoreinfo

Typically, forms created directly through the Forms tool (Marketing > Forms) come with a standard, manageable button size that doesn’t take up the entire width of the form. However, customization is somewhat limited to options like background color, font size, and font color. If you’re using Marketing Hub or Content Hub Professional or Enterprise, you can choose to edit the form’s HTML for greater flexibility - Pro tip: If you’re not familiar with coding, ChatGPT can help you generate the code with a good prompt

From your description, it seems like you’re trying to embed this form on a landing page. Landing pages often apply predefined styles to all their modules, which might be causing the button’s layout issue. A potential solution could be switching the theme you’re using for the landing page. Don’t worry—this won’t affect already created or published landing pages.

I hope this information helps!

View solution in original post

0 Upvotes
2 Replies 2
GiantFocal
Top Contributor | Partner
Top Contributor | Partner

Form Button

SOLVE

Hi @needmoreinfo,

 

Would you mind sharing the page URL here? 

Best regards,
Ernesto @ GiantFocal
Found this answer helpful?
Marking it as the solution helps both the community and me - thanks in advance!
0 Upvotes
CarolinaDeMares
Solution
Contributor

Form Button

SOLVE

Hi @needmoreinfo

Typically, forms created directly through the Forms tool (Marketing > Forms) come with a standard, manageable button size that doesn’t take up the entire width of the form. However, customization is somewhat limited to options like background color, font size, and font color. If you’re using Marketing Hub or Content Hub Professional or Enterprise, you can choose to edit the form’s HTML for greater flexibility - Pro tip: If you’re not familiar with coding, ChatGPT can help you generate the code with a good prompt

From your description, it seems like you’re trying to embed this form on a landing page. Landing pages often apply predefined styles to all their modules, which might be causing the button’s layout issue. A potential solution could be switching the theme you’re using for the landing page. Don’t worry—this won’t affect already created or published landing pages.

I hope this information helps!

0 Upvotes