change dropdown color

Solved

change dropdown color

Daniel19901
Shopify Partner
296 2 88

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
806 155 169

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
7348 1992 2432

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Mehran_Ali
Shopify Partner
462 63 69

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 AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

niraj_patel
Shopify Partner
2391 516 515

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

Rahul_dhiman
Shopify Partner
806 155 169

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages