Adding Padding to Form on Hubspot Landing Page on Desktop Only

SOLVE
Deanna
Participant

I am trying to add padding to the right and left side of the form on this hubspot landing page on desktop ONLY: 

https://promo.njmonthly.com/gooddeeds?hs_preview=OpIGKIEy-37408147290

 

Any code that I can add to the head HTML would be greatly appreciated!!

 

 

0 Upvotes
1 Accepted solution

Accepted Solutions
BootstrapC
Solution
Top Contributor

Hi Deanna,

This code should solve your problem. It sets a maximum width of the form and centers it in the window.

 

<style>
#hs_cos_wrapper_module_1605115967568431 {
    max-width: 700px;
    margin: 0 auto;
}
</style>

Jake Lett
HubSpot CMS web design & optimization consultant
Creator of the FREE Industrial HubSpot Theme which helps manufacturers quickly build their website or blog on HubSpot.



View solution in original post

3 Replies 3
BootstrapC
Solution
Top Contributor

Hi Deanna,

This code should solve your problem. It sets a maximum width of the form and centers it in the window.

 

<style>
#hs_cos_wrapper_module_1605115967568431 {
    max-width: 700px;
    margin: 0 auto;
}
</style>

Jake Lett
HubSpot CMS web design & optimization consultant
Creator of the FREE Industrial HubSpot Theme which helps manufacturers quickly build their website or blog on HubSpot.



View solution in original post

Deanna
Participant

This worked! Thank you very much this was a huge help!

0 Upvotes
Deanna
Participant

This worked! Thank you very much this was a huge help!

0 Upvotes