Extend content width for one page only | WordPress.org

nicomorgan
(@nicomorgan)

10 years, 3 months ago

I would like a way to make the content wider on a single page. It is set to full width but obviously restricted by the max-width property, which leaves a lot of blank space around the content at the moment. I want to override that and make it 90%.

I don’t want to change this property site-wide, but just for this one page (and any subsequent one which need the extra width!).

Is there a custom css method which can be attached to a single page?

Viewing 6 replies - 1 through 6 (of 6 total)

kaniamea
(@kaniamea)

10 years, 3 months ago
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
}
```
Thread Starter nicomorgan
(@nicomorgan)

10 years, 3 months ago

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:

http://blog.nicomorgan.com/the-store/
kaniamea
(@kaniamea)

10 years, 3 months ago
Ok try replacing:
```
.page-id-449 {
width: 1038px;
}
```
with
```
.page-id-449 {
    width: 1200px;
}
```
Thread Starter nicomorgan
(@nicomorgan)

10 years, 3 months ago

OK, tried that, but nothing looks different:
http://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.

esmi
(@esmi)

10 years, 3 months ago

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

Thread Starter nicomorgan
(@nicomorgan)

10 years, 3 months ago

Hi Esmi

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

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Extend content width for one page only’ is closed to new replies.

Tags

In: Themes and Templates
6 replies
3 participants
Last reply from: nicomorgan
Last activity: 10 years, 3 months ago
Status: not resolved