Different field width

Marketing & Content Hub Lead Capture Tools
1

Hi everyone,

Why is the width of each field different? “Phone Number” and “Email” are longer than “Company Name” and this field is longer than the drop-down fields that come below. Also, the First and Last Name have different widths:

Screen Shot 2018-06-16 at 11.03.16.png
Screen Shot 2018-06-16 at 11.03.16.png1004×1012 58.8 KB

I have already tried to insert different snippets of code, but none of them have worked so far:

hbspt-form input[name="lastname"],
.hbspt-form input[name="firstname"]
{
 width: calc(50% + 94px);
}
.hbspt-form input[name="email"],
.hbspt-form input[name="phone"]
 {
 width: calc(95% - 26px);
}

.hs-form fieldset {
max-width: none!important;
}

What else can I try?

Link to the page where you can find the form: https://autotrip.co.uk/free-trial-gps-mileage-tracking-device/.

2

Hi Nuno,

My dev has suggested you try the following:

fieldset input, fieldset select, fieldset textarea {
 width: 100% !important;
 box-sizing: border-box;
}

Hope this helps.

3

Thanks a lot, it worked! All the best. :slightly_smiling_face:

4

Great!
16x16_smiley-happy.png.png

5

Sorry but where do you put that code?

Thanks in advance!