topic Re: Different field width in Lead Capture Tools

Different field width

nunoautotrip — Sat, 16 Jun 2018 10:47:09 GMT

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:

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

Re: Different field width

Phil_Vallender — Tue, 19 Jun 2018 07:52:32 GMT

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.

Re: Different field width

nunoautotrip — Tue, 19 Jun 2018 09:11:33 GMT

Thanks a lot, it worked! All the best. 🙂

Re: Different field width

Phil_Vallender — Tue, 19 Jun 2018 20:30:12 GMT

Great!

Re: Different field width

KirstenTange — Mon, 26 Aug 2019 09:48:14 GMT

Sorry but where do you put that code?

Thanks in advance!