Widen the content box on only one page

No, you do not =].

Create a new file called “Full Page” and copy/paste the content from page.php into there, but rename the Template Name at the top of the code to “Full Page.”

Then upload it to your FTP where the page.php file is located.

Then go to style.css and add this code to the bottom:

.page-template-full-page-php #center {
background: none;
width: 930px;
}

.page-template-full-page-php #sticky,
.page-template-full-page-php #headline,
.page-template-full-page-php #latest,
.page-template-full-page-php #the_loop,
.page-template-full-page-php #comment {
background-image: none;
width: 100%;
}

Now you will have to change the “930px” to the right size, might take a bit of experimentation, but give it a try.

Then go to that page and set it to “Full Page” template.

Feel free to post back with questions.

Then upload it to your FTP where the page.php file is located.

Does it sit next to the page.php or replace it?

I made a child theme, is that what the new “Full page becomes” a child theme for the page.php?

and then could I just add the css to my child theme?

thanks

Do not replace your page.php, just put this new “full-page.php” in the same folder.

I personally have not used this method with a child theme yet, but try adding it to the child theme.

do i just label it “Full page” right after the “<?php ” ?

I do not see anything that i would be replacing the name to “full page”

here is the top section of the page.php

<?php
/**
* The template for displaying all pages.
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages
* and that other ‘pages’ on your WordPress site will use a
* different template.
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/

get_header(); ?>

<div id=”container”>
<div id=”content” role=”main”>

will this widen my other pages that are set to the full page template?
i do not see anything that makes it specific to my “testimonial” page.

Try adding

/*
Template Name: Full Page
*/

a line after the <?php

It will only widen the pages that you set to the “Full Page” template, which can be specified by going to pages > the page > template > Full Page

i tried it both ways. with the css in my child theme and also right in the main css.

I was able to see the choice “full page” on my page template but it did not do anything

when i selected full page it acted like it was the default template with a sidebar.

ignoring the approach so far, you could simply use the body_class generated from the page id of your testimonial page (249) and add ‘one line’ of css to your stylesheet:

.page-id-249 .one-column #content {

	width: 840px;
}

alchymth you are a champ! that was to easy. thanks alot. and thank you to the others for trying.

hi alchymyth,

where exactly do i put this in the css? I’m having a problem on my site with this same issue. i want to widen just one page. tried putting this in but no luck.

@mikefederali

details always depend on the theme your are using.
if your theme does not use ‘body_class()’, for instance, the code won’t work.

please post a link to your site, pointing to the psge with the issue.

Alchymyth. I think I somewhat have the same issue and hopefully you can help.

1st issue

I understand a bit the css and sizing of content and left content. I currently have content set to this.
#content {
width: 960px;
margin: 0px auto 0px;
padding: 0px;
}

and left content to:
#contentleft {
float: left;
width: 700px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 20px 0px;
max-width: 700px;
}
Issue is on my home page https://pigtailbrands.com/bbq-news-blog/

I would really like for when say I click on the posst on the main home page https://pigtailbrands.com/bbq-news-blog/ it takes me into the actual single post. When I go into the single post I also want the content area to be 960 so it takes up the whole page. The problem is when I put content left at 960px it just overruns the sidebars. Typically I would like on the home page for the width of the posts area to be 700 px and the sidebar you see and then once opening the actual post for it to all be 960. Is there a way to do this where on the main page it will only show 7oo px or a preview and not overrun and then show full page when I got into the actual post?

This same issue applies on my single pages like for instance my about page which I like. Problem is when I change left contect to 960 it looks perfect but when I change the left content to 700 on the home page so it wont overrun then it changes this text area in my single pages to 700 when I want it 960px. Thanks a bunch.

Please reply or email direct to [email protected] or [email protected]. I can send over my css if that helps.

Matt Hanna
pigtailbrands.com