Adding drop down menu in contact form in dawn theme

[Alinear7]

Hello,

I have added the following code in the “contact.form.liquid” but I am still unable to see the drop-down menu in my contact form. Just have this space but not an option.

Attaching both the images for refernece.

[suyash1]

@Alinear7 - can you please share this form page link?

[Alinear7]

https://alineardot.com/pages/commission

password: Yellow7#

[suyash1]

@Alinear7 - password not working

[Alinear7]

sorry
Yellow#7

[suyash1]

@Alinear7 - please add this css to the very end of your base.css file and check,

#ContactForm .field select {position: initial;}

[Alinear7]

I can now see the menu but it is a tiny menu.

Not aligned to the whole form

[suyash1]

@Alinear7 - make width 100% so entire css becomes

#ContactForm .field select {position: initial;     width: 100%;}

[Alinear7]

How to increase the height so it becomes the same as the rest of the form, with a rectangle box?
And change the drop-down icon to black

[suyash1]

@Alinear7 - remove previous cs and add this

#ContactForm .field select {
    position: initial;
    width: 100%;
    padding: 1.5rem;
    line-height: calc(1 + .5 / var(--font-body-scale));
    letter-spacing: .04rem;
    color: rgba(var(--color-foreground),.75);
}

[Alinear7]

it’s still the same

[suyash1]

@Alinear7 - clear cache and other errors if any, code is not wrong, should look like this

[Alinear7]

tried saving it again.

it says cannot save because of an error and i cannot seem to find the said error.

[suyash1]

@Alinear7 - try again in sometime please, code is not wrong for sure

[Alinear7]

it worked. thank you !

[suyash1]

@Alinear7 - welcome, do let me know if you need anything else, you have my email below.

[muleymadness]

Where exactly do you add this line of code to get it to work?