Center price under product picture in collection list (dawn)

Store Design

Topic summary

A user successfully centered product prices in their Shopify Dawn theme’s collection list after initially only managing to center product titles.

Solution provided:

  • Navigate to: Online Store → Theme → Edit code → base.css
  • Add the CSS code:
.card-information {
  text-align: center !important;
}

Outcome:
The user confirmed the solution worked perfectly. The fix targets the .card-information class to center-align the price text beneath product images in collection pages.

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

Hi @Yustsuus

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.card-information {
    text-align: center !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like