Parallax Pro: Change Content Width of a specific page?

[TheRealCaseyChoate]

Hi. Thanks for taking the time to help.

I created a custom page, which I am using as my sites home page. I believe the default content width of Parallax Pro's pages are 740px. I would like to change the width of only this home page, to 960px's.

I tried the following, but it does not work. I am at a loss...

.post-1256 .entry-content {
max-width: 960px;
}

Any help would be appreciated. Thanks!

http://TheRealCaseyChoate.com

[TheRealCaseyChoate]

I also gave this page a body class of parallax-home 2

I tried the following..

.parallax-home2 .entry-content {
max-width: 960px;
}

This isn't working either. Grrr

[Chris_Homan]

The width is set by padding the content width (1140px):

.full-width-content .content {
padding: 0 200px 50px;
width: 100%;
}

This will give a 1140 - 2x200 = 740px

To get 960 width you have to use a padding of 90 at each side:
.full-width-content .content {
padding: 0 90px 50px;
width: 100%;
}

To make it applicable only to your custom page:
.parallax-home2 .full-width-content .content {
padding: 0 90px 50px;
width: 100%;
}

PS. You had set a max-width which would have had no effect anyway as 740px is smaller than 960px. Use width instead of max-width next time

[TheRealCaseyChoate]

Thanks so much for explaining this to me. For some reason, it's not working when I use my page template, but it does work when applied to the whole site. Could it be because I am using this page template as my home page?

Here is what I put in the .php file to give the page a body class. Maybe I did something wrong there.

//* Add custom body class to the head
add_filter( 'body_class', 'parallax_add_body_class' );
function parallax_add_body_class( $classes ) {

$classes[] = 'parallax-home2';
return $classes;

}

Thanks again.

[Author]

Posts