How to change page width for specific pages

Store Design
, , , , , ,
1

Hi, so I wanted to change the page width for a specific page however when I tried it changed the width for all my pages. So I created a separate page template and assigned it to that page but still not sure how to change the page width for that page only. Looking to make the page width wider for this page: doorstepdrip.com/pages/client-cams

any help would be massively appreciated

2

Hi @doorstepdrip

I’ve come to your page and take a look. Is this the result you want?

view (41).png
view (41).png1899×904 349 KB

Go to Theme → Edit code. Add these codes to the end of the base.css file.

@media screen and (min-width: 750px){
.rte {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
 }
.page-width--narrow {
    padding: 0 0;
}
}

@media screen and (min-width: 990px){
.page-width--narrow {
    max-width: none;
    padding: 0;
}
}

.rte img {
    height: auto;
    max-width: 100%;
    width: 25%;
}

Hope it is useful to you!