Extend content width for one page only

Find the POST ID of the page you would like to modify and extend the width by adding this to your Custom CSS:

.page-id-49 // this is an example post-id {
width: 1200px; // or the width you like
}

Thank you kaniamea but I couldn’t get this to work.

As far as I can see the page-id-449 (in my case) class is applied to the body tag.

There is a post-449 id which is applied to the article tag as well. I tried adding this to the custom css:
.page-id-449 {
width: 1038px;
}

article#post-449 .entry-content {
width: 1200px;
}

but something is still overriding the width:

https://blog.nicomorgan.com/the-store/

Ok try replacing:

.page-id-449 {
width: 1038px;
}

with

.page-id-449 {
    width: 1200px;
}

OK, tried that, but nothing looks different:
https://blog.nicomorgan.com/the-store/

It still cuts off half of the banner as you can see. It certainly isn’t using the whole 1200px we have specified.

Are you using a child theme or a custom CSS plugin?

Hi Esmi

Neither actually. I’m using the custom css file in the main theme. Does this make any difference?