Change button font for all buttons

Store Design

Topic summary

A user needed help changing the font and size of all website buttons (“shop now,” “add to cart,” etc.) to match their site’s typography instead of the default plain style.

Solutions Provided:

  • Option 1: Add CSS code to base.css file targeting button classes with custom font-family and font-size properties (2rem suggested)
  • Option 2: Insert CSS code into theme.liquid file above the </body> tag, with adjustable size value (1.8rem mentioned)

Both approaches involve:

  • Navigating to Online Store → Theme → Edit Code
  • Locating the appropriate file (base.css or theme.liquid)
  • Adding custom CSS targeting button elements

Resolution: The original poster confirmed one of the solutions worked perfectly, successfully resolving the issue.

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

Hello, Please help as no other solutions have solved our problem. I would like to change the font on all website buttons “shop now, add to cart” etc to be the same font as website fonts or other rather than plain. How can i change this?

Also wanting to increase the font size in these buttons if possible?

Thank you in advance :slightly_smiling_face:

Rome & Mila The Label – Rome & Mila The Label (1c6819-9b.myshopify.com)

2

Hello @RomeMila

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>add this code at the bottom of the file.

.button, .button-label, .shopify-challenge__button, .customer button {
    font-size: 2rem !important;
    font-family: 'Americana' !important;
}
3

@RomeMila

Follow these Steps:

  • Go to Online Store
  • Edit Code
  • Find theme.liquid file
  • Add the following code in the bottom of the file above tag

change the value of 1.8rem as per your taste.

1 Like
4

Thank you that worked perfectly.

1 Like