Shopify themes, liquid, logos, and UX
I would like to make it so that this section extends the entire width of the page.
Would anyone be able to advise?
Website: thespiralpath.myshopify.com
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hi @plants4friendz , add this css property to the section :
max-width:100%;
This is an accepted solution.
We will need to change some css, so navigate to section-multicolumn.css file and search for this piece of code
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
instead of padding :0 it will be
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0 5rem;
}
This is an accepted solution.
Hi @plants4friendz , add this css property to the section :
max-width:100%;
Amazing! Thank you so much.
Do you happen to know how I can add padding to either sides of the trio of images so that there's white space on either side?
Thanks, Do you mean on mobile view you want to add white space on the images sides?
I want to add white space to the left and the right of the page so that the images aren't so overwhelming.
This is an accepted solution.
We will need to change some css, so navigate to section-multicolumn.css file and search for this piece of code
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
instead of padding :0 it will be
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0 5rem;
}
Thank you so much for your help!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024