Site logo

Archived topic

Woocommerce change country/state dropdown arrow color

3 replies · Started by Michael on January 7, 2020

Viewing posts 1–4 of 4

Hi,

On the checkout page, there is a standard grey arrow out to the right of the Country and State select fields.

How would I change the color of that to a brighter color instead of the default Woocommerce option.

Hi there,

Try this CSS:

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Make sure to only edit the #000 part and keep the transparent part.

Perfect, thanks!

No problem :)

Please be mindful that this question should be answered by WooCommerce' support ;)

This archived topic is closed to new replies.