How to add a border on product photo inside product page dawn theme

Store Design
1

Hi, I would like to add a black border to the product photo inside the product page, I am using dawn theme.

Website: https://royal-kidz-inc.myshopify.com/

password geacra

Thanks for your input

2

Hi @urbantis

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

.product__media-item>* {
  border: 0.5rem solid black;
}

Hop my answer will help you

3

Hello @urbantis

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

.product--thumbnail .product__media-wrapper{
  border: 2px solid #000;
}

Let us know how it works for you.
Best regards,
GemPages Support Team

4

Thank you, is it possible to make just the pictures and not the whole containter?

5

Hi @urbantis ,

You can try my answer, it just change the pictures

6

Hi, I added it after {% endschema %} and it did not work, it displays code under the picture, perhaps I am adding in to the wrong place?