Filter section and sort section to uppercase

[Sivadarshan]

How to make all the filter section and sort section completely transform to uppercase and sticky

[Rahul_dhiman]

Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

span.mobile-facets__open-label.button-label.small-hide {
text-transform: uppercase;
}
.facet-filters__sort {
text-transform: uppercase;
}
.facet-filters__field {
text-transform: uppercase;
}
h2.product-count__text.text-body {
text-transform: uppercase;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[ZestardTech]

Hello @Sivadarshan

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.mobile-facets__open-label {
text-transform: uppercase;
}
.facet-filters__field {
text-transform: uppercase;
}
.facet-filters__field .select__select, .mobile-facets__sort .select__select {
text-transform: uppercase;
}
span#ProductCount {
text-transform: uppercase;
}

[EvinceDev]

Hello @Sivadarshan , Try this

span.mobile-facets__open-label.button-label.small-hide, 
.facet-filters__sort,
.facet-filters__field, 
h2.product-count__text.text-body  {
text-transform: uppercase;
}

[Sivadarshan]

It’s working thanks, but when I tried to change the font size, the sort section alone not changing the size.