Center Price on Main Page and left align on Product Page?

Topic summary

A user is trying to customize price alignment in their Shopify store:

Current Issue:

  • Prices are centered on the main page and collection pages
  • User wants prices left-aligned specifically on product pages only

Technical Details:

  • The user identified the relevant CSS in assets.component-price.css
  • Current settings use justify-content: center and align-items: center
  • An image was shared showing the current centered price display

Status:

  • Two community members have responded requesting the store URL and password to provide a specific solution
  • The issue remains unresolved and awaiting further information
Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Hi folks,

I’m having the issue where the Price is centered on the Main Page & Collection Pages, BUT, on the Product page I would like it to be left aligned, is this possible?

In assets.component-price.css I can change;

.price {
justify-content: center; <------ this
align-items: center; <------ and this
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 2rem;
letter-spacing: 0.1rem;
line-height: 2;
color: rgb(var(–color-foreground));
}

1 Like

Hey @Sowdy

Share your Store URL and Password if enabled.

Best Regards,

Moeed

Hi @Sowdy
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.