How do I make my site wider & not mess things up?

This topic is: not resolved

Tagged: css, narrow, narrower, quottro child theme, responsive, Width

This topic contains 5 replies, has 5 voices, and was last updated by Susan 4 months ago.

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

Author

Posts
December 8, 2012 at 8:19 pm #3935

adamwc
Participant

I recently switched from the In(spyr) theme to the News 2.0 theme. I love the design of it, but the primary content section is just a little narrower than my previous theme, and I wish I could increase it to the new 1140px width that some of StudioPress’s themes are coming in.

I tried to go in and make the changes from a 960px but that messed up all the Responsive elements of the design…can someone walk me through what lines in the CSS I would need to change to go from 960px to 1140px, specifically how to keep the awesome responsive elements of the design?

December 9, 2012 at 5:44 am #3964

anitac
Moderator

Post count: 2690

Did you change the width of also in the responsive section?

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

December 9, 2012 at 9:58 am #4008

adamwc
Participant

Well, I tried to figure that out – but it’s not really clear what dimensions I should be using, or what I need to be adding/taking away from the CSS when I want to widen the page.

December 9, 2012 at 4:28 pm #4049

Cleo3
Participant

Post count: 8

I’ll take this a step farther and say that it would be really helpful if we could come up with a list somewhere of exactly what needs to be changed on every genesis child them (or at least the responsive ones) in order to successfully change the width. Maybe we’d have to give a relevant range of sizes? It seems like I never have a project that this doesn’t come up and it would be a resource we ought to be able to compile all in one place – here or somewhere.

January 21, 2013 at 3:59 pm #13565

jw30
Participant

Post count: 1

I agree. I’d like to shorten the width of Quottro for a project. We need a quick reference guide.

January 21, 2013 at 4:36 pm #13582

Susan
Moderator

Post count: 3184

what I need to be adding/taking away from the CSS when I want to widen the page.

This mark-up guide doesn’t help with theme responsiveness, but it will point you in the right direction of what you should be looking at changing if you want to make changes to the width of your site:

http://my.studiopress.com/docs/visual-markup-guide/

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts
Author

Posts