Misalignment on Landing Pages

[DCollado3]

The checkbox on my LP is misaligned: https://app.hubspot.com/pages/4426286/editor/131543715452/content. 

How can I fix it in the source code? I have a custom template and when I access it - I don't know which line of code is in relation to my form. 

I found this article: https://community.hubspot.com/t5/CMS-Development/Check-box-for-consent-on-form-not-aligned-with-text... 

But when I search for the boolean check box in my template it is nowhere to be found for me to adjust the measurements. 

I also have an issue with the Logo. We were using the static logo module but it was misaligned to the text and form below. How can I fix this within the code as well? 

I am planning to launch this Landing Page on our website tomorrow - Please help!

[Mike_Eastwood · Accepted solution]

Hi @DCollado3 

I had the same problem yesterday and solved it with some CSS added to the page.

I can't see your page so I'm taking a guess that the Consent Checkbox is too high.

Here's how I fixed it by adding this Custom CSS to my page:

<style>
.legal-consent-container .hs-form-booleancheckbox-display input {
    margin: 0.35rem 0.35rem 2rem 0;
}
</style>

To add this code to the Page go to to your page Marketing (top menu) > Landing Pages (sub menu) > edit you page.

Then go to File (top menu) > Page Settings (sub menu) > Advanced (bottom left). Paste in the CSS with the Style tags exactly as above.

If you want to add the to every page in your site you will need to edit your Main CSS File (assuming you have permission). Here's how to edit your CSS file. 

Important: if you edit your CSS file you won't need the opening "<style>" tag, nor the closing "</style>" tag.

Please let me know how you get on.

Mike

Here to learn more about HubSpot and share my HubSpot Knowledge. I'm the founder of Webalite a HubSpot Partner Agency based in Wellington, New Zealand and the founder of Portal-iQ the world's first automated HubSpot Portal Audit that helps you work smarter with HubSpot.

[DCollado3]

Worked perfectly, thank you!

[Mike_Eastwood]

Thanks for letting me know @DCollado3 

-Mike