Checkout page - Select Country Color

mikezarrads · January 2023

Hello there,

I am in need of your help with a minor issue. As you can see on the checkout page of my site, after adding a product to your cart offcourse, that the country selector is very wierd. It's hard to select another country because of the color scheme. Can I modify it from theme options or do I need custom code?

Your help is grately appreciated!

https://trufi.eu/checkout/

Phil · January 2023

Hi,

The checkout form takes its styles from Betheme -> Theme options -> Colors -> Forms, and it can be modified there.

However, if you do not want to change other form styles, you will have to use a custom CSS code.

Do you want me to help with CSS?

Best regards

mikezarrads · January 2023

Oh yes please :) CSS would be very helpfull.

I do not need to change other forms.

Phil · January 2023

Please, try this one:

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout .select2-dropdown,
.woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field{
 background: #fff;
 color: #000;
}
.woocommerce-checkout input[type="text"]::placeholder,
.woocommerce-checkout input[type="tel"]::placeholder,
.woocommerce-checkout input[type="email"]::placeholder,
.woocommerce-checkout textarea::placeholder{
 color: #666;
}

Thanks

Checkout page - Select Country Color

Comments