# Custom Form

**URL:** <https://community.hubspot.com/t/custom-form/2204>\
**Category:** Lead Capture Tools\
**Created:** [May 31, 2017, 2:27pm UTC](https://community.hubspot.com/t/custom-form/2204 "2017-05-31T14:27:01Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![A2mun](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/a2mun/32/41549_2.png) [@A2mun](https://community.hubspot.com/u/A2mun)\
**Post date:** [May 31, 2017, 2:27pm UTC](https://community.hubspot.com/t/custom-form/2204/1 "2017-05-31T14:27:01Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![lsirac](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lsirac/32/59178_2.png) [@lsirac](https://community.hubspot.com/u/lsirac)\
**Post date:** [May 31, 2017, 3:20pm UTC](https://community.hubspot.com/t/custom-form/2204/2 "2017-05-31T15:20:58Z")

</div>

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).

---

<div class="post-metadata">

**Author:** ![A2mun](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/a2mun/32/41549_2.png) [@A2mun](https://community.hubspot.com/u/A2mun)\
**Post date:** [May 31, 2017, 3:22pm UTC](https://community.hubspot.com/t/custom-form/2204/3 "2017-05-31T15:22:53Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![lsirac](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lsirac/32/59178_2.png) [@lsirac](https://community.hubspot.com/u/lsirac)\
**Post date:** [May 31, 2017, 3:24pm UTC](https://community.hubspot.com/t/custom-form/2204/4 "2017-05-31T15:24:38Z")

</div>

Yes, I’d say so.

---

<div class="post-metadata">

**Author:** ![MayPascaud](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/maypascaud/32/35178_2.png) [@MayPascaud](https://community.hubspot.com/u/MayPascaud)\
**Post date:** [June 22, 2017, 8:04pm UTC](https://community.hubspot.com/t/custom-form/2204/5 "2017-06-22T20:04:15Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [June 5, 2018, 11:21pm UTC](https://community.hubspot.com/t/custom-form/2204/6 "2018-06-05T23:21:55Z")

</div>

Maybe [this tool](http://forms.belch.io/) can help you out and cut down on the need for writing your own CSS Markup