Add select to contact form Dawn theme

cgregnanin
Shopify Partner
26 0 6

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

 

 

Replies 7 (7)

Zworthkey
Shopify Partner
5581 642 1565

share me your css code.

cgregnanin
Shopify Partner
26 0 6

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

Zworthkey
Shopify Partner
5581 642 1565

by using inspect element you can do it.

cgregnanin
Shopify Partner
26 0 6

Which element?

Zworthkey
Shopify Partner
5581 642 1565

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

cgregnanin
Shopify Partner
26 0 6

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 

marcoswata
Shopify Partner
122 10 34

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, contact me!