Change collection list card width in dawn theme

Store Design
, , ,

Topic summary

A user seeks to modify the width of collection cards in Shopify’s Dawn theme to match the appearance of product cards in the featured collection section (approximately 70% width).

Current Issue:

  • Collection list cards display at default width
  • User wants cards to appear wider, similar to featured collection product cards

Proposed Solution:

  • Add custom CSS code to the theme.liquid file after the <head> tag
  • Access via Online Store > Themes > Edit code

Status:

  • Initial CSS solution provided did not work
  • A corrected code snippet was offered as a follow-up
  • Resolution pending confirmation from the original poster

The discussion includes visual references (screenshots) showing the current state and desired outcome.

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

Hello,

I want to change the width of the collection card in the collection list:
this the actual view:

actual view
actual view355×410 126 KB

And i want it to looks like the product card in featured collection (70% of the width)

objective.png
objective.png342×315 90 KB

How can I solve it?
Thanks in advance

2

Can you give me store url?

3

Sure:
https://like.furniture/

4

Please add this code to your theme.liquid file, after element in Online Store > Themes > Edit code.
5

unfortunately, no change

6

Sorry a little mistake. Try again please.