Custom Form

SOLVE
Regular Contributor

Hi all, 

 

How can I customize a Hubspot form to have the look and feel that I want? I have some HTML/CSS styles that I want the form to have. 

 

Thanks

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Community Manager

@A2mun This is a little late, but I live by this article when styling forms in HubSpot! http://designers.hubspot.com/docs/cos/hubspot-form-markup#styling-forms

5 Replies
HubSpot Employee

Either your form willl be embedded on an external page (in which case your CSS should be inside the embed code), or on a HubSpot landing page: in that case, you'll want to add a stylesheet to the page (or add the code to the primary CSS if you want the change to apply to all landing pages).

Reply
0 Upvotes
Highlighted
Regular Contributor

The form will be part of Hubspot 'Website pages'. 

 

The best way to proceed would be to grab the 'form markup' and apply css styles to those selectors correct?

Reply
0 Upvotes
HubSpot Employee

Yes, I'd say so.

Reply
0 Upvotes
Community Manager

@A2mun This is a little late, but I live by this article when styling forms in HubSpot! http://designers.hubspot.com/docs/cos/hubspot-form-markup#styling-forms

Regular Advisor | Gold Partner | HubSpot Certified Trainer

Maybe this tool can help you out and cut down on the need for writing your own CSS Markup

Reply
0 Upvotes