How can I change my 'View All' buttons to all caps?

Store Design

Topic summary

Goal: Make the homepage “View All” buttons display in all caps on a Shopify store (URL provided).

Proposed solution: Add a CSS rule in the theme code (Online Store → Theme → Edit code → Assets → base.css):

  • .button.button–secondary { text-transform: uppercase !important; }

Outcome: The suggested CSS did not work for the requester. No confirmation of theme details, selector accuracy, or whether other styles override the rule.

Status: Unresolved and open. Further troubleshooting is needed (e.g., verifying the correct button class/selector and where styles are applied). The provided CSS snippet is central to the discussion.

Summarized with AI on January 17. AI used: gpt-5.
1

URL www.daugtherofanangel.com

I am trying to get the buttons that say VIEW ALL on my main page to be in all caps Thank you!

2

Hi @jennarose

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.button.button--secondary {
    text-transform: uppercase !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

3

Hi that didnt work :disappointed_face: