Dawn theme - Collection Card Width

Shopify Discussion
1

Hi there,

I would like my collection cards on the home page to have full screen width.

Is there anyone who coule help me ?

Many thanks,

Emma

2

@Emma33000

Insert this css

.collection-list-wrapper {
    max-width: 100%!important;
}

How to Add This to Shopify Dawn Theme:

  1. Go to Shopify Admin → Online Store → Themes.
  2. Click “Customize” on your Dawn theme.
  3. In the theme editor, go to “Theme settings” (bottom left).
  4. Scroll down and click “Custom CSS”.
  5. Paste the above CSS code and save changes.

Alternative (Edit Theme CSS Directly):

  1. Go to “Online Store” → “Themes”.
  2. Click “Actions” → “Edit code”.
  3. Open base.css inside the assets folder.
  4. Paste the CSS at the bottom and Save.

it will solve your issue

1 Like
3

Many thanks for your help. It works perfectly.

So I dare asking another question : same issue for product cards : how to have a full width when in each collection ?

Thanks again for your help,

Emma

4

can you send me screen shot so that I can give you a solution
Thank you

5

Emma33000_0-1741710450188.png
Emma33000_0-1741710450188.png4448Ă—1812 290 KB

6

In this particular section “bracelets” images take only 2/3 of the screen.

Many thanks again for your help,

Emma

7

@Emma33000
Use this css please

.collection.page-width {
    padding: 0px!important;
    max-width: 100%!important;
}
1 Like
8

Many thanks. So easy with your help ! You are my savior !

Emma