change dropdown color

Solved

change dropdown color

Daniel19901
Shopify Partner
225 0 59

Hi, for some reason my contact form dropdown is white. Can anyone help me fix it please?
https://w60880td9oml81vi-56906743879.shopifypreview.com

 

Daniel19901_0-1723807393381.png

 

Accepted Solution (1)

Rahul_dhiman
Shopify Partner
472 96 99

This is an accepted solution.

Hello @Daniel19901 

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
add this code at the very end of the file

 

select#contact-form-anliegen {
    background-color: black !important;
}

 

result
18.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
5005 1331 1610

Hey @Daniel19901 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.select-wrapper option {
    color: black !important;
}
</style>

RESULT:

Moeed_0-1723807657612.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Mehran_Ali
Shopify Partner
89 11 11

Hi @Daniel19901 

Try adding this CSS it will change the color of the dropdown 

#contact_form .select-wrapper #contact-form-anliegen {
    color: black;
}

If this solution helps you, kindly like this reply and mark it as a solution.

If you need an expert Shopify developer for customization and development, feel free to contact me via email or WhatsApp.

Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

niraj_patel
Shopify Partner
2378 514 511

Hello @Daniel19901 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .select-wrapper select option{
      color: #000 !important;
  }
</style>

niraj_patel_0-1723808122323.png

 

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Sangeetanahar
Excursionist
440 27 56

hello @Daniel19901 

Go to online store ----> themes ----> actions ----> edit code ---->Find theme.liquid file...> Add the following code in the bottom of the file above </body> tag

.select-wrapper option {
    color: black !important;
   
}


- Buy me a Pizza


If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

Rahul_dhiman
Shopify Partner
472 96 99

This is an accepted solution.

Hello @Daniel19901 

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
add this code at the very end of the file

 

select#contact-form-anliegen {
    background-color: black !important;
}

 

result
18.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167