Solved

Need help changing colou of text

Desire4
New Member
9 0 0

So i am designing my website and i cannot seem to change the color of the currency drop down, is there any code that could help fix this? I would like it to be white

Website : Desirestreetwear.co

 

colour.jpg

Accepted Solution (1)

Vinsinfo
Shopify Partner
302 112 107

This is an accepted solution.

@Desire4 Please follow below steps to change the color of the drop down to "White". Let me know whether it is helpful for you.
 
1. From admin, go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Go to "base.css" file and paste below code at the bottom of the file and save changes.
 
To only change the drop down color like below screenshot:

 

.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__button {
    color: #FFFFFF !important;
}

 

Vinsinfo_1-1716476240437.png

 

(OR)

 

To change the background color and dropdown color like below screenshot:

 

.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__button,
.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__list {
    background: #ffffff;
}

.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__button .icon-caret,
.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__list .disclosure__item .disclosure__link,
.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__list .disclosure__item .disclosure__link .localization-form__currency {
    color: #000000 !important;
}

 

Vinsinfo_0-1716475583123.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 2 (2)

dmwwebartisan
Shopify Partner
12318 2551 3711

@Desire4 

Please add the following code at the bottom of your CSS file.

.localization-form:only-child .localization-form__select{
color: #fff;
}

 

Hope this helps.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Vinsinfo
Shopify Partner
302 112 107

This is an accepted solution.

@Desire4 Please follow below steps to change the color of the drop down to "White". Let me know whether it is helpful for you.
 
1. From admin, go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Go to "base.css" file and paste below code at the bottom of the file and save changes.
 
To only change the drop down color like below screenshot:

 

.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__button {
    color: #FFFFFF !important;
}

 

Vinsinfo_1-1716476240437.png

 

(OR)

 

To change the background color and dropdown color like below screenshot:

 

.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__button,
.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__list {
    background: #ffffff;
}

.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__button .icon-caret,
.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__list .disclosure__item .disclosure__link,
.footer__content-bottom-wrapper .footer__localization .disclosure .disclosure__list .disclosure__item .disclosure__link .localization-form__currency {
    color: #000000 !important;
}

 

Vinsinfo_0-1716475583123.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support