Hola! ¡Tenemos nuestra Comunidad en Español!

How to move legal consent container below the form submit button

Highlighted
Occasional Contributor

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. 

Reply
0 Upvotes
1 Reply
Esteemed Contributor | Platinum Partner

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...



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

Matthew Shepherd

An Inbound Growth Agency
Platinum HubSpot Partner

Reply
0 Upvotes