Centre Align Product Page Title, selection and buy buttons on Refresh theme

Store Design
, ,

Topic summary

Goal: centre-align product details (title, price, options), Add to Cart, and Buy buttons on a product page using the Shopify Refresh theme (desktop view).

Proposed fix: a support rep advised editing code via Online Store > Edit code, then adding a CSS snippet just above the tag in theme.liquid. The exact code is not visible in the transcript. Images/screenshots and a code block were central to the solution.

Outcome: the original alignment issue was resolved; the requester confirmed the fix worked.

Follow-ups:

  • The requester asked if the ‘dropdown’ variation (option) picker can also be centred. A screenshot was provided for clarification.
  • Another participant asked to include the product quantity selector in the centring solution as well.

Status: partially resolved. The initial centring of title, price, options, and buttons is confirmed fixed. The additional requests (centring the dropdown variation picker and the quantity selector) remain open with no posted code update yet.

Summarized with AI on December 28. AI used: gpt-5.
4

Hi @Fardale ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1678331431251.png
GemPages_0-1678331431251.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

2 Likes