How can I make my button label text and 'Add to Cart' button bold?

Technical Q&A

Topic summary

A user seeks help making button label text and ‘Add to Cart’ buttons bold on their e-commerce site (nexaco.co). Two solutions are provided:

Solution 1 (KabirDev):

  • Add CSS targeting product form buttons:
a.button.button--primary, .product-form__submit {
  font-weight: bold !important;
}

Solution 2 (PageFly-Henry):

  • Navigate to: Online Store → Theme → Edit code
  • Locate the base.css file
  • Add similar CSS at the bottom:
a.button.button--primary, .product-form__buttons span {
  font-weight: bold !important;
}

Both approaches use CSS font-weight: bold with !important to override existing styles. The discussion remains open with no confirmation from the original poster about which solution worked.

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

Hi @Rupert22

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

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

a.button.button–primary, .product-form__buttons span {

font-weight: bold !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly