Need CSS to remove padding

Need CSS to remove padding

VerbCreative
Excursionist
14 0 3

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!

Replies 3 (3)

CodingFifty
Shopify Partner
616 98 118

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;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
VerbCreative
Excursionist
14 0 3

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?

 

Screenshot 2025-01-30 at 12.55.26 PM.png

CodingFifty
Shopify Partner
616 98 118

Hi @VerbCreative

 

Please share the store access so I add the code.

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com