I can assure you the CSS didn’t change on its own, it can only change if something has been modified. Here is what’s going on –
The posts and pages in Genesis are located inside of a div/container called article
. Anytime the article
container (post/page) is displayed it shows a white background, with a small dropshadow and a little bit of padding on certain areas of the content. This happens on every page/post EXCEPT for the Homepage. The reason they didn’t add this for posts/pages on the homepage is because most users wanted to add Genesis Featured Posts and Pages inside of the Widget areas, and doing so wouldn’t look right since it would have a white background/box inside of a widget area that already has a gray, black, or white background. So having something with a gray background, and then having a post show up inside of that widget with a different background color wouldn’t look right in most cases. If you look at every other page on your site you’ll see the white background behind your content, so you probably didn’t notice that it doesn’t show up like that on the homepage.
Since you’re not using the homepage widgets like other users, you would need to remove the CSS that prevents the white background/spacing from showing specifically on the homepage. To do so, look in your css around line 2305 and you’ll see the code I’m talking about –
.home .entry {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none;
}
You can either remove or comment out that entire code above.
Next for the spacing. If you scroll a few lines under that code you’ll see this –
.home .entry-content {
padding: 0 0 20px;
}
You can remove or comment that out as well. Once you do that, then your Homepage content will show up the same way as all the other pages.
I see no issue with your sidebar it looks the exact same width as the Epik demo – http://demo.appfinite.net/epik/sample/