Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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.
Let me know if this was helpful.
Regards,
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.
Let me know if this was helpful.
Regards,
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.
Glad that I could be of help!
Have a nice day!
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!
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
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025