How to make photos full-width on Pipeline pages?

I’m using Pipeline theme.
I would like to make my photos full-width on my pages.

For example, the photo here stays within the theme’s margins: https://pascualstudio.com/pages/from-time-collection.

I would like my photos to go to the edges of the page.

What is the css to do this?

Thanks kindly.

Andrea

1 Like

Hi, can I please ask for some help?

1 Like

@andreapascual

Yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.template-page #shopify-section-page-images + .wrapper {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

Hello,
I inserted the code, but the photo remains to the left, and not to the right.

@andreapascual

Yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.template-page #shopify-section-page-images + .wrapper {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

Hi Ketan,
I tried it, but it didn’t work.