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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025