How can I change the border color in the Dawn theme?

Store Design
1

Hi Shopify community,

I am setting up shop and struggling to edit something in the “Dawn” theme…

I want to make the entire websites background black. I needed to paste some code for the product grid to set the background black. It worked, except for the boarder for some reason that remains white. I have attached a screen snip of the problem (Indicated with red scribbles). I hope someone can help me to fix it!

2

@Casualscience - can you please share the page link of attached screenshot?

3

Hi @suyash1 ,

Here is the link:

https://casualscience.myshopify.com/collections/t-shirts

Password:

gaupru

4

@Casualscience
put below css into base.css file (Online store->themes->assets->base.css)

div#shopify-section-template--17086205624603__product-grid {
    background-color: black !important;
    padding-top: 2px !important;
}

Ujjaval_0-1672666140594.png
Ujjaval_0-1672666140594.png1595×761 228 KB

5

@Casualscience - add this css and check, but this will change for all the pages

#product-grid{margin-top: 0;}
.product-grid-container{background-color: #000;}

suyash1_0-1672666172912.png
suyash1_0-1672666172912.png1366×768 223 KB

6

Thank you @Ujjaval . Worked perfectly!

7

Thank you @suyash1 . I tried both yours and @Ujjaval code. Both worked perfectly, thank you! I tried looking for a difference in affect and could not see any between the two?