Different field width

nunoautotrip
Mitwirkender/Mitwirkende

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

 

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

0 Upvotes
1 Akzeptierte Lösung
Phil_Vallender
Lösung
Koryphäe | Diamond Partner
Koryphäe | Diamond Partner

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.

Phil Vallender | HubSpot Website Agency

Lösung in ursprünglichem Beitrag anzeigen

0 Upvotes
4 Antworten 4
Phil_Vallender
Lösung
Koryphäe | Diamond Partner
Koryphäe | Diamond Partner

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.

Phil Vallender | HubSpot Website Agency
0 Upvotes
KirstenTange
Teilnehmer/-in

Sorry but where do you put that code? 

 

Thanks in advance! 

0 Upvotes
nunoautotrip
Mitwirkender/Mitwirkende

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

0 Upvotes
Phil_Vallender
Koryphäe | Diamond Partner
Koryphäe | Diamond Partner

Great! Smiley (fröhlich)

Phil Vallender | HubSpot Website Agency
0 Upvotes