How can I reduce page margins in the Brooklyn theme?

Store Design
1

I am using Brooklyn theme. On my Shipping policy page, I have a picture that is wide. How can I shrink the margins on just that page so the picture fits when people are looking at my shipping policy?

2

Hello @socali1984 Can you share the Store URL?

3

Hi @socali1984 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

4

www.securehaulingdelivery.com

If you click on the button on the bottom that says “Delivery Routes” it will take you to the shipping policy page where we have the information and you can see where the schedule is too narrow.

5

www.securehaulingdelivery.com

If you click on the button on the bottom that says “Delivery Routes” it will take you to the shipping policy page where we have the information and you can see where the schedule is too narrow.

6

@socali1984 put this css in timber.scss.css

.template-policy .wrapper { max-width: 1300px; }

.template-policy img {
width: 100%;
height: 100%;
}
7

@kazi_1 Put it where in timber.scss.css?

8

Very Bottom of the file

9

@kazi_1 is there anyway to make it larger? It was bigger but can I make the picture even larger?

10

@socali1984 add this css too

.shopify-policy__container {
max-width: 100%;
}

11

@kazi_1 the pictures still aren’t the full width of the webpage. I will need to think of something else.

12

@socali1984 update the css with this

.shopify-policy__container {
max-width: 100% !important;
}