How can I make my breadcrumbs show up all Caps?

Shopify Discussion
1

For some reason my breadcrumbs show up in regular capitalization but I would like it to be all uppercase.
Is there also a way to change the font size of just breadcrumbs and no other text?

Thank you for any help!

2

Can you share your store url and password if it is protected?
There is no way we can help if you don’t provide that.

3

Hi @LoobyDoo
You might want to try the EZ Add Breadcrumbs app. It offers an intuitive interface that lets you customize the font style, size, color, and alignment of your breadcrumbs effortlessly, without any need for coding.

4

Hello @LoobyDoo ,

I understand you are looking to provide Uppercase font to your breadcrumbs’ text.

Please add the below code at the bottom of your store’ theme.liquid file before tag and save.

I hope the code helps you.

Please share if you have any queries.

Thank you.

5

I tried putting this in the code where you said but I’m not seeing any change.
I tried it in the theme.liquid, could it be I have to put it in breadcrumbs.liquid instead?

6

Hello @LoobyDoo ,

The CSS code generally work on theme.liquid file, however, you can copy & paste the code in breadcrumbs.liquid file and check.

Kindly once check if your store is using same class name for breadcrumbs as this can be reason of the code not working.

You can check the class name by right click on the breadcrumbs navigation and go on Inspect and see https://prnt.sc/8dImU7TnB_do , https://prnt.sc/aYr4bHIL83S0

I hope this helps.

Thank you.