Need a single page to have a wider inner body

[opecora]

Is there an easy way to get one page wider than the other pages? I tried creating a separate template and found the key things to change in the Style.CSS (.full-width-content #content ..and.. #inner) - however I don't know how to apply it to a single page/template I created.
The page is: http://www.sicconsulting.com/login-landing-page/
There is an iframe that needs a little more room (by changing in CSS the INNER width to 1070px and the .full-width... to 1100px it fits perfectly.
Is there an easy way to apply this logic to this one page?
This example is how I would like it to look (this is a like copy of this website with the style.css changed as mentioned above.. but it applies this change to the entire website if modified in the style.css (which is to be expected)
http://proactivecare.sicconsulting.com/customer-login-landing-page/

any help would be greatly appreciated.

[Brad Dalton]

You could copy and rename the page_landing.php template and change the width in the CSS.

---

Tutorials for StudioPress Themes & WooCommerce.

[opecora]

I'm not exactly sure what you mean. I have an applied custom template.php but I am not able to figure out the logic on how to reference a special call to modify this page outside of the default framing it is getting from the theme.

[Brad Dalton]

Use a unique custom body class

And then CSS

.your-custom-body-class .site-container {
	max-width: 800px;
}

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts