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!
User | RANK |
---|---|
186 | |
168 | |
78 | |
56 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make 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, 2023