Link on Collection section in all lowercase. How do I fix that?

Store Design
1

I’m using the Supply theme. On the Featured Collection sections, there is a link to the right that takes you to more featured items. The link picks up the collection title automatically, however it displays it in all lowercase letters.

How do change the code to make the ‘more’ link display with caps for the first letter of each word, like the collection actually is?

I sincerely appreciate any and all help.

2

Hi @jddhart

Please try this code and paste this into the theme.scss.liquid file

div[data-section-type="collection-row-section"] .section-header .section-header--right a{
	    text-transform: capitalize;
}

I hope this can help you.

Like it or mark as a solution if you find it helpful. Let me know if you have any questions.

Cheers!

3

That worked perfectly!!

Thank you VERY much.

4

@jddhart why you mark your reply as an answer?
Exactly Victor’s answer is a solution for you.

5

It was a mistake. I’m new here. But thanks for being on the ball Michael and keeping everyone honest.

6

Hi, @PageFly-Victor

what if I want to do the opposite - make the URLs for every collection 100% lowercase?