Urgent: Change search bar background and currency/country selector DAWN theme

[junglecatclub]

Hello, we are close to launch and need the following adjusted and theres no option anywhere to do so can someone please help us with the code to adjust the search bar and currency/country selector background its showing as black on black currently

see below

thank you!

https://jungle-cat-club.myshopify.com/

[suyash1]

@junglecatclub please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.country-selector .disclosure__link, .country-selector .disclosure__link:hover, .country-filter__input{color: #fff !important;}

[junglecatclub]

Hello, this did not work sorry

[suyash1]

@junglecatclub check currency, it is working, for search bar, add this css and check

.search__button .icon, .search__input.field__input {color: #fff !important;}

[junglecatclub]

This changed the colour of the TEXT not backgrounf.. here is result

i wanted to make text black, background cream

[suyash1]

@junglecatclub - can you please provide color shade which you want as background?

[junglecatclub]

For both i would like background #EEE9DD

and text black

thank you so much!

[suyash1]

@junglecatclub please remove previously given css and add this

.country-filter{background-color: #EEE9DD !important;}
.disclosure__list-wrapper{color: #000 !important;}
.country-filter__input{background: #EEE9DD !important;}

[B2Bridge · Accepted solution]

Hi @junglecatclub , you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

.disclosure__list-wrapper,
.country-filter,
.country-filter__input.field__input,
.search__input.field__input {
 background-color: #fff !important;
}

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍

[junglecatclub]

Thank you SO  much! worked perfectly