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.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025