Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.
Topic summary
Goal: center the product name on a product page using Shopify’s Refresh theme, and adjust spacing around price and variant options.
Access: The store was password-protected; URL and password were shared to allow review.
Approaches offered:
- Theme.liquid method: add custom code near the closing tag in theme.liquid to center the title (details shown via screenshot; specific code not included in the post).
- CSS in base.css: center the product title (selector targeting the product title h1) and align product-form buttons to the center. This provided visible centering.
Follow-up tweak: reduce the space between price and color variations by overriding margins in base.css (rules targeting the product form and adjacent elements in the product info container).
Final accepted solution: a CSS rule centering the entire product info wrapper (text-align: center with !important) in base.css, confirmed as exactly what was needed.
Outcome: Resolved. Title centering achieved, and spacing tightened between price and color options.
Notes: Code snippets and screenshots are central to understanding the changes. No remaining open questions.