Round corners country/region (footer section)

[Karla8]

Hello all,

Happy Sunday!

I'm trying to get round corners in the country/region box but somehow I only managed to get the inside rounded but the black outline remains square.

I used the following codes in several elements and it doesn't work:

border-radius: 10px !important;

Thanks in advance for your help and have a great day !

[Karla8]

forgot to mention :

website : www.hintofhappiness.com

password : seiyud

Thanks !

[PageFly-Richard · Accepted solution]

Hi @Karla8 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
    border-radius: 20px !important;
}
.localization-form__select:after {
    border-radius: 20px !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

[Karla8]

Hi Richard,

Many thanks ! it did solve the outline border so I will combine it with the one I have and it will be perfect !

Thanks a lot !!

Karla