# Hubspot form styling not working?

**URL:** <https://community.hubspot.com/t/hubspot-form-styling-not-working/70094>\
**Category:** APIs & Integrations\
**Created:** [November 28, 2022, 4:24pm UTC](https://community.hubspot.com/t/hubspot-form-styling-not-working/70094 "2022-11-28T16:24:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jacjanowski](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jacjanowski/32/3192_2.png) [@jacjanowski](https://community.hubspot.com/u/jacjanowski)\
**Post date:** [November 28, 2022, 4:24pm UTC](https://community.hubspot.com/t/hubspot-form-styling-not-working/70094/1 "2022-11-28T16:24:00Z")

</div>

I have randomly ran into an issue where the styling to my forms are not being applied. I have used ‘Embedded Forms’ on my pages and it’s not styling the way I want it to. I did notice, however, that whenever I take out the required line {{standard\_footer\_includes}}, the sytling I created is applied, but I cannot publish changes when that required text is removed. I have tried using CSS to style, but it’s not working in my favor. The form styles default to less wide form fields, as well as the original orange color for the button. Here are some screenshots to show what I mean.

WRONG STYLE:

 ![jacjanowski_1-1669652551023.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/e/e6c2a072e431244771f260085ab931f86ac67b88.png)

CORRECT STYLE:

 ![jacjanowski_2-1669652575248.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/5/5989f7890586b8a111837e4914fef6db626fa575.png)

SCRIPT CODE for Form:

 ![jacjanowski_0-1669652794153.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/f/4fcfd0e1be078c8b8c6ea685bf8e808882f97b2a.png)

---

<div class="post-metadata">

**Author:** ![BarryGrennan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/barrygrennan/32/97794_2.png) [@BarryGrennan](https://community.hubspot.com/u/BarryGrennan)\
**Post date:** [November 29, 2022, 2:50am UTC](https://community.hubspot.com/t/hubspot-form-styling-not-working/70094/2 "2022-11-29T02:50:38Z")

</div>

The way you’re including your form (via javascript) inserts the form via iframe if memory serves. To bypass this on the individual form itself, under Style and Preview, you need to toggle Set as Raw HTML on.

Alternatively if the page is built on hubspot, use the [form module](https://developers.hubspot.com/docs/cms/building-blocks/forms) and [form event listeners](https://legacydocs.hubspot.com/global-form-events) for the styling you’re doing on form submit.

* * *

 ![profile2022a.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/7/7273a34ccfe3489fceebc8a36eca751481b59531.jpeg)

**Barry Grennan**

[Freelance HubSpot CMS Developer](https://www.seoanseo.ca?utm_source=HubSpotCommunity)

[Website](https://www.seoanseo.ca?utm_source=HubSpotCommunity) | [Contact](https://www.seoanseo.ca/#contact?utm_source=HubSpotCommunity) | [LinkedIn](https://www.linkedin.com/in/barrygrennan)