So i have made pages for my different collections, but the titles and pricing are off center, whats some code to fix this?
theme:dawn
Website:desire-online.net
Topic summary
Issue: Product titles and prices on Shopify’s Dawn theme collection pages appear off-center. Screenshots show misaligned text under product cards.
Proposed fix: Add a CSS rule to the theme stylesheet (base.css) to center the product card content:
- .card__content { margin: 0 auto !important; }
Result: The added rule did not resolve the issue.
Follow-up guidance: Remove an existing custom CSS rule that sets the content width to 80%, which is preventing proper centering. The conflicting width needs to be deleted for the centering to take effect.
Status: No confirmation of resolution yet. Next action is to remove the 80% width rule and recheck alignment; the margin auto rule may then work as intended.
Please add this code at the bottom of your base.css file in Online store > Themes > Edit code > Assets to solve it
.card__content { margin: 0 auto !important; }
This didnt seem to work
