Editing Forms with Inline Styling in Template

PSM
Participant

 

I'm trying to style a form in the template for some landing pages. I can adjust margin and padding in the inline CSS field but I'm not sure of the code to update the field background color, field border, button rounding, etc. would the code go in the same field that margin and padding is edited in?

 

Could someone share a resource to the list of codes for those type of stylings? Or even an example of the code I would appreciate it.

 

Thanks,

Shannon

 

0 Upvotes
3 Replies 3
benvanlooy
Top Contributor | Gold Partner

if you apply a class to the form wrapper, you could add your css code in the linked CSS file of that page and there you'll be able to style all your form elements.. Mind you, sometimes Hubspot will be stubborn and in some cases you might  need to add the !important; property in css..

PSM
Participant

Thank you for the response.

So is that something that can't be done in the Custom Inline Styling field, like "margin-right: 50px", etc? 

0 Upvotes
benvanlooy
Top Contributor | Gold Partner

I'm not 100% sure (I don't usually code in the module, only via html/css), but I don't think you can target a field itself within the form the way you intend.