How do I center all elements for product pages - Dawn Theme?

Store Design

Topic summary

A store owner seeks help centering all elements (text, title, ratings, price, variants, quantity, buttons) on product pages and the featured product section of their Dawn theme store.

Solution Provided:

  • Custom CSS code added to theme.liquid file (above </body> tag) successfully centered product page elements
  • Additional CSS in base.css fixed price container alignment issues
  • Further CSS adjustment left-aligned the share button on the featured product page only

Current Status:
The centering issue is resolved. The conversation has shifted to a new request: configuring different collapsible rows for individual products using metafields. The original poster struggles with the logic/implementation despite attempting metafields. A community helper offered to provide detailed step-by-step guidance via direct contact/email to explain the metafield setup process for product-specific collapsible content.

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

Hi @Invigo-Health ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.price-per-item__container {
    justify-content: center;
}
1 Like