[Support request] Woocommerce change country/state dropdown arrow color

[Michael]

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.

[Leo]

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.

[Michael]

Perfect, thanks!

[Leo]

No problem 🙂

Please be mindful that this question should be answered by WooCommerce’ support 😉

[Author]

Posts