Shopify themes, liquid, logos, and UX
I'm fairly new to shopify and coding 🙂 Looking for code to remove padding/empty space on this page: https://mathimaginefoundation.ca/pages/news
I need the blank space under the "news" header removed and the news icons moved up.
Thanks!
HI @VerbCreative,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.page-width.multicolumn-news {
padding: 0px 30px 50px 30px !important;
top: -102px !important;
}
.feature-row__image-wrapper .feature-row__image {
top: -32px !important;
}
Thanks for your reply! I tried that, but it didn't help - I'm attaching a screenshot, as I think it has to do more with the header image?
Please share the store access so I add the code.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025