How can I modify text placement on the Dawn theme collection page?

Store Design

Topic summary

A user seeks to reposition product information on Dawn theme collection pages, specifically wanting the product name on the left and price on the right beneath product images.

Initial Solution Attempt:

  • CSS modifications to component-card.css were suggested using flexbox properties (display: flex, justify-content: space-between, align-items: center)
  • The user reported this didn’t fully resolve the alignment issue

Troubleshooting Steps:

  • Additional CSS adjustments were recommended, including changing .card-information width from 100% to auto
  • Screenshots were shared showing the layout still wasn’t working correctly
  • The helper requested the website URL for direct inspection

Current Status:

  • Website credentials were provided (fe42cf.myshopify.com, password: yeaffo)
  • A refined CSS solution was offered targeting .card__information, .price, and .card-information with specific flexbox and margin properties marked as !important
  • The discussion remains open pending confirmation whether the latest CSS code resolves the alignment issue
Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
4

Hey @AZ2024 ,

In “component-card.css” find “.card-information”.

replace width: 100% with width: auto

Thanks,

Ritu