How do you get rid of a black line which is in between my collection grid and image banner

Solved

How do you get rid of a black line which is in between my collection grid and image banner

emekayode
Explorer
58 2 10

URL: https://gjo055wosoxqb44c-17240367.shopifypreview.com

Theme: Dawn (Shopify)

How do I get rid of this black line in between my banner and collection grid? It appeared out of nowhere, when it wasn't there a couple days ago so i'm not sure how to resolve it.

 

emekayode_0-1705245322737.png

 

Accepted Solution (1)
suyash1
Shopify Partner
9583 1198 1538

This is an accepted solution.

@emekayode - remove above code and try this one

 

#MainContent{background: #fff;}
Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 3 (3)

suyash1
Shopify Partner
9583 1198 1538

@emekayode - please add this css to the very end of your base.css file and check

 

section#shopify-section-template--16496477077680__5c7fdcdc-5c2e-4e30-9589-f6e0504ccf5a{margin-top: 0;}

 

suyash1_0-1705245516080.png

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
emekayode
Explorer
58 2 10

thanks that worked (sort of), but is there a way to remove it as in leave it as a white space rather than closing the gap?

suyash1
Shopify Partner
9583 1198 1538

This is an accepted solution.

@emekayode - remove above code and try this one

 

#MainContent{background: #fff;}
Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.