Hi,
When creating my landing page, I noticed that the captcha button is misaligned from my submit button. Any ideas as to how I can edit this in the back-end to that both are aligned?
Thank you
Would it be possible for you to share a URL of the page with the form? The solution depends on if you are using the prebuilt hubspot form styles or a custom form javascript embed. If it is the later, you would need to make a change to the frontend CSS code to make the adjustment.
Jacob Lett
Freelance HubSpot CMS Developer & Web Designer
Located in Michigan, USA
Hi Lo,
After looking at the form it is not embedded inside an iframe which is good because it gives you the ability to adjust the styling.
Look in the stylesheet sr-base.min.css for the following CSS rule.
.grecaptcha-badge {
margin-left: 180px !important;
}
Change it to this if you want recaptcha centered
.grecaptcha-badge {
margin: 0 auto;
}
Or change it to this if you want to control the alignment by changing the left margin percent value
.grecaptcha-badge {
margin: 0 0 0 45%;
}
Jacob Lett
Freelance HubSpot CMS Developer & Web Designer
Located in Michigan, USA