HubSpot form not rendering properly in IE 11

Developer Support CMS Development
1

Hello Design Community!

I am having issues with text fields in a HubSpot form rendering incorrectly in IE 11. I asked HubSpot Support and they said maybe a designer from the community can help me add CSS declarations. I have no web design experience so looking for help. Thanks in advance!

Attaching a screenshot of the issue.

Form issue.JPG
Form issue.JPG595×760 31.9 KB

2

Hi Muriel!

Would you be so kind to share the link to that page so we could have a look? Or you could just send me a message just in case you don’t want it to be public. Let’s start from there.

- Louie

3

Hi Louie,

One of the page(s) because all of them have the same issue is:

Any help will be greatly appreciated or if you can point me in the right direction that would be great.

Thanks!

4

Hello again Muriel,

It seems to me there’s a need to modify some CSS declarations on the text fields as well as that overlapping text description on the email. Can you try this on?

.body-container input[type],
.body-container textarea,
.body-container select {
 line-height: 1;
 padding: 10px 20px;
}

.sidebar-form legend {
 display: inline-block !important;
}

Let me know if this works.

Thank you.

- Louie

5

Hi Louie,

Pardon my ignorance as I have no experience modifying the forms other than through the styles option in the form module on the landing page, but where do you input that code? Is there a way I can reach you directly?

Thanks,

Muriel

6

Sent you a private message so we could discuss this further
16x16_smiley-happy.png