How do I create a border or shadow on collections image on homepage

Store Design
1

I am using Shopify - Brooklyn theme , I need to create border or shadow around Collections images on my homepage.

My website is : www.TOAI.in , it is not password protected.

2

Hi @SurTri ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.collection-grid__item-link {
     border: 4px solid #000;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

Thanks , it worked. Can you just guide me on how to make the borders transparent and grey?

4

I am using this border : border: 1rem solid #9e9e9e;

I want to make the border translucent. Is that possible?

5

Hi @SurTri ,

You can try hex code color: #f4f4f4

Hope it can help you