# Form Error Messages

**URL:** <https://community.hubspot.com/t/form-error-messages/2059>\
**Category:** Lead Capture Tools\
**Created:** [May 16, 2017, 7:56pm UTC](https://community.hubspot.com/t/form-error-messages/2059 "2017-05-16T19:56:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![roy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/roy/32/44779_2.png) [@roy](https://community.hubspot.com/u/roy)\
**Post date:** [May 16, 2017, 7:56pm UTC](https://community.hubspot.com/t/form-error-messages/2059/1 "2017-05-16T19:56:58Z")

</div>

I’m embedding a HubSpot form in Unbounce. I’ve got it inside a green outline. The problem is that when errors pop up, they move the form fields down the page. If there are enough errors, the button gets cut off.

Is there a way to turn that feature off?

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [May 31, 2017, 10:20am UTC](https://community.hubspot.com/t/form-error-messages/2059/2 "2017-05-31T10:20:22Z")

</div>

Hey @roy could you please share a screenshot of this issue?

---

<div class="post-metadata">

**Author:** ![roy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/roy/32/44779_2.png) [@roy](https://community.hubspot.com/u/roy)\
**Post date:** [May 31, 2017, 11:59am UTC](https://community.hubspot.com/t/form-error-messages/2059/3 "2017-05-31T11:59:09Z")

</div>

I found a workaround. I changed the display to none for the error messages. I don’t know of any way to preserve the error messages without shifting everything else.

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [October 19, 2017, 11:08am UTC](https://community.hubspot.com/t/form-error-messages/2059/4 "2017-10-19T11:08:55Z")

</div>

Can you explain exactly how you achieved this?

I find that neither

`.hs-form .hs-error-msgs label {display:none;}`

or

```auto
.hs-form input:focus:required:invalid, 
.hs-form textarea:focus:required:invalid, 
.hs-form select:focus:required:invalid,
.hs-form input:focus:required:invalid:focus, 
.hs-form textarea:focus:required:invalid:focus, 
.hs-form select:focus:required:invalid:focus {display:none;}

```

does anything. The error messages still appear after clicking out of the email input.

---

<div class="post-metadata">

**Author:** ![roy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/roy/32/44779_2.png) [@roy](https://community.hubspot.com/u/roy)\
**Post date:** [October 19, 2017, 1:05pm UTC](https://community.hubspot.com/t/form-error-messages/2059/5 "2017-10-19T13:05:30Z")

</div>

Here’s my complete styling for the error labels:

```auto
.hs-form .hs-error-msgs label{
 font-size:10px;
 font-style: italic;
 font-family:lato;
 line-height:0;
 padding:0;
 margin: 0;
 display:none;
}

```

Did you check “Remove HubSpot default styling” in the form’s embed settings?

 ![remove hubspot default styling.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/c/c/ccfe1632d43cc83d200b9afcedf2b05a5de60a53.png)