# Woocommerce Country Selection Button

**URL:** <https://colorlibsupport.com/t/woocommerce-country-selection-button/21822>\
**Category:** Activello\
**Created:** [July 17, 2018, 6:01pm UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822 "2018-07-17T18:01:41Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![lucydm](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/l/7ab992/32.png) [@lucydm](https://colorlibsupport.com/u/lucydm)\
**Post date:** [July 17, 2018, 6:01pm UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/1 "2018-07-17T18:01:41Z")

</div>

Hello

Can you provide CSS to change the country selection colour in Woocommerce?

Screenshot attached.

Thank you,  
Lucy

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [July 18, 2018, 5:18am UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/2 "2018-07-18T05:18:22Z")

</div>

hey there

Add this CSS&nbsp;in appearance - customize - additional CSS

.select2-container–default .select2-results\>.select2-results\_\_options {  
background: rebeccapurple;  
}

Thanks!  
Colorlib Support Team

---

<div class="post-metadata">

**Author:** ![lucydm](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/l/7ab992/32.png) [@lucydm](https://colorlibsupport.com/u/lucydm)\
**Post date:** [July 18, 2018, 10:29am UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/3 "2018-07-18T10:29:56Z")

</div>

Thank you Noda but when I apply this nothing changes - please see screenshot.

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [July 19, 2018, 4:35am UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/4 "2018-07-19T04:35:36Z")

</div>

hi

Sorry, looks like it will not work because its overridden by the high level of css rule by Woocommerce ☹

---

<div class="post-metadata">

**Author:** ![carlajiji](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/c/46a35a/32.png) [@carlajiji](https://colorlibsupport.com/u/carlajiji)\
**Post date:** [July 22, 2018, 2:49pm UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/5 "2018-07-22T14:49:55Z")

</div>

Didn’t wor for me too.

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [July 22, 2018, 3:27pm UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/6 "2018-07-22T15:27:07Z")

</div>

Hi @carlajiji,  
Thanks for writing in.  
In this case, could you please provide us with a link to your site so that we can test this out for your case.

I look forward to your reply.  
Best Regards,  
Support.

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [July 24, 2018, 5:07am UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/7 "2018-07-24T05:07:19Z")

</div>

HI lucydm

Is there anything else?

---

<div class="post-metadata">

**Author:** ![lucydm](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/l/7ab992/32.png) [@lucydm](https://colorlibsupport.com/u/lucydm)\
**Post date:** [July 25, 2018, 8:40am UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/8 "2018-07-25T08:40:47Z")

</div>

Yes, thank you.

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [July 25, 2018, 10:46am UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/9 "2018-07-25T10:46:31Z")

</div>

Hello there,

Yes, as i you are alright or you have another issue?

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![lucydm](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/l/7ab992/32.png) [@lucydm](https://colorlibsupport.com/u/lucydm)\
**Post date:** [July 25, 2018, 11:00am UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/10 "2018-07-25T11:00:38Z")

</div>

No if you cannot create code that’s all for this issue.

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [July 25, 2018, 12:09pm UTC](https://colorlibsupport.com/t/woocommerce-country-selection-button/21822/11 "2018-07-25T12:09:55Z")

</div>

Hello there,

I understand, that color change is regulated in WooCommerce so we cannot change that.

Best Regards,  
Support