Blog, Website & Page Publishing

cpburke
Contributor

How to move legal consent container below the form submit button

SOLVE

I'd like to move the legal consent container / privacy notice checkbox below the form submit button. Is this possible? If so, how can I do this? The form editor doesn't allow fields to be moved below the submit button. 

0 Upvotes
1 Accepted solution
MatthewShepherd
Solution
Key Advisor

How to move legal consent container below the form submit button

SOLVE

Hi @cpburke 

You can use CSS styling to change the position of the legal consent container. Something like this should work:

div.legal-consent-container {
position: absolute;
top: 650px;
}

You will need to do some testing and change the value of top according to the dimensions of your form and its parent container. You will also need to check how it renders on smaller screen sizes and potentially add some CSS to change the positioning based on screen size.

Depending on whether you want this to happen across all pages or a single page there are a few places you can put this code, your template stylesheet, inline styling in your template module, page stylesheet or inline page CSS :

 

https://knowledge.hubspot.com/articles/kcs_article/cos-pages-editor/how-do-i-customize-the-css-of-my...

https://knowledge.hubspot.com/articles/kcs_article/cos-pages-editor/how-can-i-find-the-stylesheet-ap...

https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-determine-where-the-styling...

https://knowledge.hubspot.com/articles/kcs_article/cos-general/create-edit-and-attach-css-files-to-s...


Matthew Shepherd

Freelance HubSpot Consultant
CRM Consultant | SEO Specialist

Did my post help answer your query?Help the community by marking it as a solution.

View solution in original post

1 Reply 1
MatthewShepherd
Solution
Key Advisor

How to move legal consent container below the form submit button

SOLVE

Hi @cpburke 

You can use CSS styling to change the position of the legal consent container. Something like this should work:

div.legal-consent-container {
position: absolute;
top: 650px;
}

You will need to do some testing and change the value of top according to the dimensions of your form and its parent container. You will also need to check how it renders on smaller screen sizes and potentially add some CSS to change the positioning based on screen size.

Depending on whether you want this to happen across all pages or a single page there are a few places you can put this code, your template stylesheet, inline styling in your template module, page stylesheet or inline page CSS :

 

https://knowledge.hubspot.com/articles/kcs_article/cos-pages-editor/how-do-i-customize-the-css-of-my...

https://knowledge.hubspot.com/articles/kcs_article/cos-pages-editor/how-can-i-find-the-stylesheet-ap...

https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-determine-where-the-styling...

https://knowledge.hubspot.com/articles/kcs_article/cos-general/create-edit-and-attach-css-files-to-s...


Matthew Shepherd

Freelance HubSpot Consultant
CRM Consultant | SEO Specialist

Did my post help answer your query?Help the community by marking it as a solution.