homepage full width Black line grid on dawn theme

Shopify Discussion
1

Hello,

how to insert the black line grid full width on collection grid in home page on right and lift sides as you see in the picture below.

I need to continue the line as in the text rich above.

Thanks

Screenshot 2025-03-22 at 19.47.13.png
Screenshot 2025-03-22 at 19.47.13.png2786×1282 229 KB

2

Hello @caspal
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

3

Hi,

i tried but it doesn’t work.

I already have this code on base.css and it works on collections, page but doesn’t work on homepage.

@media only screen and (min-width: 767px) {
.collection .grid__item:nth-child(2) {
border-left: 1.5px solid #6b768d !important;
}
.collection .grid__item:nth-child(3) {
border-left: 1.5px solid #6b768d !important;
}
.collection .grid__item:nth-child(5) {
border-left: 1.5px solid #6b768d !important;
}
.collection .grid__item:nth-child(5) {
border-right: 1.5px solid #6b768d !important;
}

.collection .grid__item {
border-top: 1.5px solid #6b768d !important;
border-bottom: 1.5px solid #6b768d !important;
}

.grid {
column-gap: 0 !important;
row-gap: 0 !important;
}
}

Please let me know if you know how to fix, thanks

4

Hi,
here the store url: https://caspal.it/
thanks