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.
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025