Is it possible to make that subscription button look bigger and more balanced with the rest of the p

Topic summary

Issue: The subscription section on a product page (placentactive.com.au) appears too small and unbalanced relative to the rest of the page.

Key solutions proposed:

  • Add custom CSS to resize the subscription option:
    .product__subs__option { font-family: HKGrotesk-RegularLegacy !important; font-size: 18px !important; }
    A screenshot showed the expected visual result.
  • Edit theme.css directly to adjust the relevant selector and font-size to the desired size (illustrated via screenshot).
  • Optional method shared: insert inline CSS in theme.liquid before to change .product__price–off font-size (this targets price styling, not the subscription section specifically).

How to apply changes: Use Online Store → Theme → Edit code, then modify theme.css or add inline CSS in theme.liquid as directed.

Outcome: The original poster confirmed the changes worked and thanked contributors.

Status: Resolved. Code snippets and screenshots were central to understanding the solution and expected outcome.

Summarized with AI on December 20. AI used: gpt-5.
.product__subs__option{
    font-family: HKGrotesk-RegularLegacy !important;
    font-size: 18px !important;
}

Please add this to the custom CSS section. It will make it bigger.
Here how the result should be

1 Like