Tagged: checkout, color change
Hello there
I would like to change the background color of the country selector during the checkout process. At the moment I have a white font on a white background so the customers can’t see the choices of countries. Only the selected country itself appears in black. Same for “Canton” options in Switzerland.
Unfortunately I can’t find where to change this, even though I think it should be a very simple fix.
I would really appreciate some help here.
Thank you!
Hey sunnubrand,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.select2-container--default .select2-selection--single {
background-color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #fff;
}
.select2-container--default .select2-results>.select2-results__options {
background-color: #000
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike