Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

ian izaguirre
ian izaguirre
3,220 Points
Posted by ian izaguirre
ian izaguirre
3,220 Points

My theme let me expand the width of the template for the theme But how do I expand the page and post container?

I changed my page size from 960px to 1000px through graphene theme column width options.

How can I modify the size of my posts and pages container and make them 980px ( I believe that looks right) to expand the posts and pages to fill in there new extra room ?

I cant figure out the CSS to put in my child theme using fire bug ?

Thank you for any help

Is all I have to do is this ?? :

.container_16 .grid_16 { width: 980px !important; }

I am not sure what else I have to change , I see other stuff that says prefix and other sizes I am not too certain if I need to change something else or if what I am changing is even right?

Website: IamDentistry.com

Thank you for all your help

2 Answers

John Locke
John Locke
15,479 Points
John Locke
John Locke
15,479 Points

It looks like it works. I would check a sampling of different page types to make sure that the same rules are in place everywhere: Pages, Posts, Archives, Search Results, and if there are any, Custom Post Types.

ian izaguirre
ian izaguirre
3,220 Points
ian izaguirre
ian izaguirre
3,220 Points

Hi, it worked but when I check with Internet Explorer the added 200px from 980px to make 1000px shows out of the template as if it goes back to the standard 980px and the overflow shows ?

John Locke
John Locke
15,479 Points
John Locke
John Locke
15,479 Points

Did you try .container_16 .grid_16 { overflow: hidden; } ?

ian izaguirre
ian izaguirre
3,220 Points
ian izaguirre
ian izaguirre
3,220 Points

I figured it by playing with the actual theme options that came built in to the theme, thank you for your help :-)

John Locke
John Locke
15,479 Points
John Locke
John Locke
15,479 Points

Cool. Good deal.