How to move legal consent container below the form submit button

[cpburke]

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. 

[MatthewShepherd · Accepted solution]

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