How to make checkout button bold in Sense theme

Store Design
, , ,

Topic summary

A user asks how to make the checkout button text bold in Shopify’s Sense theme.

Two solutions provided:

  1. CSS Method (GemPages):

    • Navigate to Online Store → Theme → Edit code
    • Open base.css in the Assets folder
    • Add CSS targeting .shopify-payment-button__button--unbranded button with font-weight: bold !important;
    • Paste the code at the end of the file

  2. Alternative Approach (PageFly-Victor):

    • Go to Online Store → Theme → Edit code
    • Open the theme.liquid file
    • Insert markup code before the </body> tag

Both responses appear to contain reversed/garbled text in parts, but the core technical steps remain clear. The issue remains open with no confirmation from the original poster on which solution worked.

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

How do I make the checkout button bold in the Sense theme?

Any help is appreciated thank you.

2

Hi @drxvmz

You can add the below code to make checkout button text bold in the Sense theme:

  1. Go to Online Store → Theme → Edit code https://prnt.sc/XkUYXZPnym_E

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file. https://prnt.sc/lIHk4QfLRnux

button.shopify-payment-button__button--unbranded{
  font-weight: bold !important;
}

Best regards,
GemPages Support Team

3

Hi @drxvmz ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly