Adding a black border around collection grid products on the dawn theme

Store Design
1

Hello,

I am trying to add a solid black border around my products and move all of my products together as shown in the images. I also want to make the product images take up the whole page and not just the middle of the screen. If anyone could help I would appreciate it!

Theme: Dawn

https://archivedept.myshopify.com/

@KetanKumar

@AvadaCommerce

@Zworthkey

@ZestardTech

@JHKCreate

2

@archivedept

sorry for that issue how can i check this issue your store password protect

3

@KetanKumar

ahprem is the pass sorry forget it was pass protected

4

@archivedept

thanks can you please try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset->/component-card.css ->paste below code at the bottom of the file.
.card__inner {border: 1px solid #000000 !important;}
5

This solved the border issue. Thanks!

What is the best was to eliminate the inner white spaces on the grid to make the images appear seamless besides the border (I circled them in the image)

@KetanKumar

6

Hello, I wanted to utilize this solution, but it seems that I do not have the component-card.css section under my assets. What should I do?

7

How would you change the code so it only affect product cards and not collection cards?

8

@Rohan3 can you please share your store URL