Phone number field not formated in my forms

[CarolineLane]

Hello,

I am using a hubspot landing page template (Gradient) and when I use the phone number field, the css doesn't seem to format it: 

Does anybody have pointers of why this field would be treated differently?

Here is the page: https://info.naturalinsight.com/schedule-optimization-demo

[stefen · Accepted solution]

@CarolineLane in your CSS file on line 1654 add update the following from this:

.form input[type="text"],.form input[type="password"],.form input[type="email"], textarea {
  width: 100% !important;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
  border: none;
  border-radius: 2px;
  font-size: 16px;
  background: #f3f3f4;
  color: #333333;
}

to this:

.form input[type="text"],.form input[type="password"],.form input[type="email"], input[type="tel"] textarea {
  width: 100% !important;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
  border: none;
  border-radius: 2px;
  font-size: 16px;
  background: #f3f3f4;
  color: #333333;
}

[StephenM]

This works, much appreciated.

Under the same stylesheet/section, do you know how to add a similar style to a dropdown menu? 

.form input[type="select"]

This doesn't work. 

[stefen]

@StephenM a select dropdown input field markup is "<select>...</select>" so instead of targeting 

input[type="select"]

You should target

select

😉

[CarolineLane]

Thanks a lot! It worked!