How can I change my product titles from all caps in my collection?

Store Design
1

Hello, my collection’s products titles are all capitalized. How to make it not capitalized?

Store - https://fredo-lt.myshopify.com/collections/produktai Password: portugal

1 Like
2

Hello store owner,I gone through your post that you want to redesign your website by edition your store product title it can be done by login in to your store since you the sole admin of the store and fix the problem but if you don’t get it right you can reach out to me

3

Hi @sangok420

To make the product titles on your collections page not capitalized, please go to your Online Store > Themes > Edit code > Assets > Open theme.css
And then search for

[data-type_product_capitalize=true] .grid-product__title{
    text-transform:uppercase;
    font-size:calc(var(--typeBaseSize) - 2px);
    letter-spacing:0.2em
  }

Edit text-transform from uppercase to lowercase, like this

text-transform:lowercase;

I hope it helps!

4

I can’t find these lines in Assets > Open theme.css.liquid. I use ctr+f but still it’s not popping up

5

I found it and it works but the first word letter is lowercase. How to make first word letter uppercase?

6

Hi @sangok420

Can you please try again with this option:

text-transform:capitalize;

Let me know if it works for you!