How To Change The Currency Selector Country's To All Upper Case Letters?

How To Change The Currency Selector Country's To All Upper Case Letters?

worldwidemotion
Excursionist
13 0 4

I want to change my font to have all uppercase letters for the country's in the currency selector of my footer. Can someone share how I'm able to do this please? I'm using the Shopify Taste Theme.

 

Screenshot 2024-06-21 at 1.55.22 PM.png

Tyrell
Replies 9 (9)

techlyser_web
Shopify Partner
1834 340 366

Hello @worldwidemotion 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.footer .disclosure button span {
text-transform: uppercase !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
worldwidemotion
Excursionist
13 0 4

It worked for the selected currency, however the "Search" and country list aren't uppercase. Is there a way to fix this? Thank you!

Screenshot 2024-06-21 at 2.12.40 PM.png

Tyrell
techlyser_web
Shopify Partner
1834 340 366

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.footer span.country {
text-transform: uppercase !important;
}

.country-filter label.field__label {
text-transform: uppercase !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
worldwidemotion
Excursionist
13 0 4

Thank you so much! Lastly, is there anyway to uppercase the "Search" font?

Screenshot 2024-06-21 at 2.22.06 PM.png

Tyrell
techlyser_web
Shopify Partner
1834 340 366

I added the code for this also
.country-filter label.field__label {
    text-transform: uppercase !important;
}

please 
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
worldwidemotion
Excursionist
13 0 4

The "Search" still doesn't show as uppercase when I add this

Tyrell
techlyser_web
Shopify Partner
1834 340 366

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
label[for="country-filter-input"] {
text-transform: uppercase !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

BSSCommerce-TA
Shopify Partner
123 24 24

Hi, @worldwidemotion. Can you give me the link to your website?

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
worldwidemotion
Excursionist
13 0 4

Hey, it's cultureclubworldwide.com

Tyrell