Community Forums › Forums › Archived Forums › Design Tips and Tricks › Container Width and 'Full Width Content'
Tagged: custom css
- This topic has 4 replies, 2 voices, and was last updated 10 years ago by nutsandbolts.
-
AuthorPosts
-
March 26, 2014 at 6:57 pm #96870democracychroniclesMember
I have my site-container max-width at 1280 but my 'full width content' pages are not displaying at 1280. Is there something that is making pages display at a different width? This is all I have changed in my child theme News Pro. I am hoping to solve this quickly.
.site-container {
http://www.democracychronicles.com/
background-color: #fff;
border: 1px solid #e3e3e3;
margin: 60px auto;
max-width: 1280px;March 27, 2014 at 9:14 pm #97043nutsandboltsMemberDid you get this resolved? I'm still not sure I understand the issue - I'm seeing the World Democracy News page with a max site container width of 1285px, which takes the content all the way to the edges of the container.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+March 28, 2014 at 5:47 pm #97212democracychroniclesMemberThanks for that. I did get what I wanted done for now after a bunch of trial and error with CSS. I dont really understand mobile optimization so I did a temporary fix until I understand more. If you look at all my cornerstone pages like "World Democracy News", you can see that all are made up of tables with either full width or 320px. This way nothing gets too messed up, just broken up on small screens. Setting a max width I can handle makes it not look terrible on larger screens. Do you have any suggestions for me going forward? I am working on 10 things at the same time but I'm glad to have updated to Genesis. I could delete at least 5 plugins!
March 29, 2014 at 12:18 pm #97288nutsandboltsMemberHonestly (and you may not want to hear this) I would avoid using tables in the future - see this article for some discussion on why that's not the best idea for modern websites.
Genesis has built in column classes you can use to arrange your content, and those classes also have built in CSS for media queries so they'll break up correctly on phones and tablets.
As someone who built static HTML websites for YEARS (including tables) I know it's hard to imagine switching to something else - I hated WordPress for the first year because it was so different from what I was used to. But when I look at your page source, I see a lot of work that could be made easier if you can work with Genesis instead of working around it. Hopefully that makes sense.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+March 30, 2014 at 6:39 am #97290nutsandboltsMemberHonestly (and you may not want to hear this) I would avoid using tables in the future - see this article for some discussion on why that's not the best idea for modern websites.
Genesis has built in column classes you can use to arrange your content, and those classes also have built in CSS for media queries so they'll break up correctly on phones and tablets.
As someone who built static HTML websites for YEARS (including tables) I know it's hard to imagine switching to something else - I hated WordPress for the first year because it was so different from what I was used to. But when I look at your page source, I see a lot of work that could be made easier if you can work with Genesis instead of working around it. Hopefully that makes sense.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+ -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.