How to modify button size and text gap in homepage theme?

Topic summary

Main issue: Reduce the size of the white “BUY NOW” button and shrink the white gap between the homepage banner image and the “instant graphification” heading.

Key steps taken:

  • Helper requested the store URL (and password if applicable). The merchant shared the URL: portaprints.com.au.
  • Solution provided: Edit the theme’s code by opening Online Store > Edit Code > theme.liquid and adding a custom snippet just above the closing tag. (theme.liquid is the main layout file; code here affects sitewide layout/styles.)

Notes:

  • The exact code snippet is not visible in the thread, but a result screenshot was shared to illustrate the adjusted button size and spacing.
  • Images are central for understanding both the original layout concerns and the final result.

Outcome:

  • The changes successfully made the button smaller and reduced the banner-to-text gap to the desired position.
  • Merchant confirmed the solution worked and the helper offered further assistance.

Status: Resolved; no outstanding questions.

Summarized with AI on January 16. AI used: gpt-5.

Hey, thanks for your response. URL is portaprints.com.au

thank you!