Make all Buy buttons in UPPERCASE and BOLD

Store Design
, , , , , ,

Topic summary

A Shopify store owner wants to make all “Buy” and “Add to Cart” buttons uppercase and bold across their entire site (www.readytovintage.com). They’ve already successfully applied this styling to checkout and cart pages but need help extending it to other pages like the homepage and product pages.

Solutions Proposed:

  • StephensWorld suggested adding CSS code to the theme’s custom CSS section:
.button--secondary {
  text-transform: uppercase;
  font-weight: bold;
}

  • Issue encountered: When the store owner implemented this code in base.css and custom CSS, it unexpectedly made header text bold as well, not just the buy buttons.

  • PageFly-Oliver recommended an alternative approach: editing the theme.liquid file directly by going to Online Store → Theme → Edit code, then pasting specific code at the bottom of the file.

The discussion remains ongoing as the store owner seeks a solution that targets only the purchase buttons without affecting other text elements like headers.

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

my site is: www.readytovintage.com

what i need:

all Buy/Add to cart buttons on ALL pages to be uppercase and in bold..

got it solved for checkout and CART but not for normal pages like home page etc.

for reference for size and boldness:

https://vintagewholesalesupply.com

(i want the same size and thickness)

2

Add the following coding to your theme’s custom CSS section (admin > online store > themes > customize > settings > custom css):

.button--secondary {
    text-transform: uppercase;
    font-weight: bold;
}
3

if i dont want it to change my Header Text? Only the buy buttons

4

i did put it in the base.css first. did the same thing, but i put it in the custom CSS now as u told me..

can you help me figure out why my header meny text became Bold ?

5

Hi @VintBazar ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly