How can I capitalize a word in the breadcrumb?

Shopify Discussion

Topic summary

A user seeks help capitalizing a word in their Shopify store’s breadcrumb navigation, sharing a screenshot of the issue.

Initial Responses:

  • Two community members request the store URL (with password if unpublished) to provide specific assistance.

Solution Found:

  • One user suggests the CSS declaration text-transform: capitalize;
  • The original poster confirms this approach works when applied to the specific selector: li.t4s-breadcrumbs__item { text-transform: capitalize; }

Resolution:
The issue is resolved through custom CSS targeting the breadcrumb element. The helper notes they could only provide the general CSS property without store access to identify the exact selector needed.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
5

That did not work but this did -

li.t4s-breadcrumbs__item {
text-transform: capitalize;
}