Add select to contact form Dawn theme

cgregnanin
Tourist
12 0 1

Hi,

I want to add a select to a contact form but I have some problem with css, can you help me? 

 

    <div class="field">
	  <select name="cars" id="cars" class="field__input">
  		<option value="volvo">Volvo</option>
  		<option value="saab">Saab</option>
  		<option value="mercedes">Mercedes</option>
  		<option value="audi">Audi</option>
	  </select>  
      <label class="field__label" for="cars">choose you car</label>
    </div>

 

But this is the result:

 

cgregnanin_0-1627753869579.png

 

 

0 Likes

share me your css code.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com Get support
0 Likes
cgregnanin
Tourist
12 0 1

I don't have css code, I thought it was enough to use the css classes already present in Dawn

0 Likes

by using inspect element you can do it.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com Get support
0 Likes
cgregnanin
Tourist
12 0 1

Which element?

0 Likes

on click the right of mouse and click on inspect element.
if you are developer then you know it.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com Get support
0 Likes
cgregnanin
Tourist
12 0 1

Yes I am a dev, but which element I must inspect ? The select ?

I Hope the developers of Dawn theme thinks about select box without write CSS code 

0 Likes
marcoswatanabe
Shopify Partner
20 2 5

The height of the select is set to 4.5rem. Changing it to 5.5rem makes it look better.

If my answer was helpful then please Like and Accept Solution :)
If you need help with design, development or marketing your store, talk to one of our experts at https://whymatters.co.uk/
0 Likes