Need CSS to overlap section on top of header image

Solved

Need CSS to overlap section on top of header image

VerbCreative
Excursionist
14 0 3

Hi there! I need to remove empty space on this page: https://mathimaginefoundation.ca/pages/news

 

I think this means I need to overlap the text column section on top of the page heading image? Can anyone help?

 

Thanks!

 

Screenshot 2025-02-01 at 7.37.25 AM.png

Screenshot 2025-02-01 at 7.37.38 AM.png

Accepted Solution (1)

CodingFifty
Shopify Partner
525 80 99

This is an accepted solution.

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.

 

.news-page-width > .page-content {
    display: none !important;
}

.page-width.multicolumn-news {
    padding: 23px 30px !important;
}

.page-width.news-page-width {
    padding: 150px 30px 0px 31px !important;
}

 

 

CodingFifty_0-1738421984845.png

 

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

View solution in original post

Replies 4 (4)

CodingFifty
Shopify Partner
525 80 99

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.

.news-page-width > .page-content {
    display: none !important;
}

.page-width.multicolumn-news {
    padding: 23px 30px !important;
}

.page-width.news-page-width {
    padding: 150px 30px 0px 31px !important;
}

 

CodingFifty_0-1738421984845.png

 

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

CodingFifty
Shopify Partner
525 80 99

This is an accepted solution.

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.

 

.news-page-width > .page-content {
    display: none !important;
}

.page-width.multicolumn-news {
    padding: 23px 30px !important;
}

.page-width.news-page-width {
    padding: 150px 30px 0px 31px !important;
}

 

 

CodingFifty_0-1738421984845.png

 

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

Excellent!! Thank you so much 🙂

CodingFifty
Shopify Partner
525 80 99

You're welcome! @VerbCreative 😊

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