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!
User | RANK |
---|---|
206 | |
170 | |
77 | |
56 | |
52 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023