Solved

How to increase width of collection-list segment (dawn theme)

p1simgear
Excursionist
54 0 5

Hi there all, I need help once again please to increase the width of my collection list segment in dawn theme.  I can add more columns but it just fits them into the same component slider width. I know there is a way to increase the page width, I'm just failing to find the right code for it!

I also want the image boxes to scale up to fill the wider space please.  I have been playing around with code on this one for a while and have had no luck getting it to behave!

 

Site:  p1simgear.com.au  
pw:  P1test%

 

Thanks!

 

p1simgear_0-1664924691123.png

 

Accepted Solution (1)

GabrielS
Shopify Partner
455 97 104

This is an accepted solution.

Hi there,

 

You can do that by adding the following code to your base.css file.

.section-template--14991482781769__16616413125bd71cb0-padding {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

The !important is used to ensure that other styles are overwritten, it may not be a necessity in this case.

GabrielS_0-1664926311764.png

 

Let me know if this was helpful.

 

Regards,

 

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post or empower me with a coffee.

View solution in original post

Replies 5 (5)

GabrielS
Shopify Partner
455 97 104

This is an accepted solution.

Hi there,

 

You can do that by adding the following code to your base.css file.

.section-template--14991482781769__16616413125bd71cb0-padding {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

The !important is used to ensure that other styles are overwritten, it may not be a necessity in this case.

GabrielS_0-1664926311764.png

 

Let me know if this was helpful.

 

Regards,

 

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post or empower me with a coffee.
p1simgear
Excursionist
54 0 5

Wow, that was perfect! So simple, I had been messing around for ever with that, i hadn't thought to just change the section template directly.  You are a star! thanks so much.

GabrielS
Shopify Partner
455 97 104

Glad that I could be of help!

 

Have a nice day!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post or empower me with a coffee.
UmairHassan1122
Visitor
1 0 0

Hi there all, I need help please to increase the width of my collection list segment in dawn theme 12.0.0.  I can add more columns but it just fits them into the same component slider width. I know there is a way to increase the page width, I'm just failing to find the right code for it!

I also want the image boxes to scale up to fill the wider space please.  I have been playing around with code on this one for a while and have had no luck getting it to behave!

 

 

Capture.JPG111.JPG2222.JPG

mdd44467
Visitor
1 0 0

Hi @UmairHassan1122 

 

Did you ever find the resolution to this?

 

Thanks