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

[p1simgear]

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!

[GabrielS · 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.

Let me know if this was helpful.

Regards,

[p1simgear]

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]

Glad that I could be of help!

Have a nice day!

[UmairHassan1122]

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!

[mdd44467]

Hi @UmairHassan1122 

Did you ever find the resolution to this?

Thanks

[RichardFS]

Hello @GabrielS I'm trying to apply this code for the same reason and it's not making a difference. Any ideas? Thanks in advance