[MacinJosh]

I've racked my brain until I can't think. I've looked through all the online guides until my eyes bleed.

Can someone help me with this seemingly easy problem?

I like the Clean Sheet theme. I would like to keep it stock with only 1 change. The background color. I would still like for the post backgrounds to remain white. Here's an example: http://posterous.com/theming/simple That's the color I'm going for. Is this possible? Thanks!

[Cory Watilo]

If you're familiar with CSS, this is doable. First set the desired outer background color in the theme settings. Then you're going to want to add a CSS property with the background color on the right element. You're probably going to want all of the content to have a white background. So drop this into the CSS via the Advanced Theme Editor:

Find: div#wrap {

Add this property inside the {} tags: background:#fff;

Or if you *only* want the posts to have the white background:

Find: div#articles {

Add this property below: background:#fff;

Hope this helps.

[MacinJosh]

Cory Watilo, on 24 June 2011 - 11:08 PM, said:

If you're familiar with CSS, this is doable. First set the desired outer background color in the theme settings. Then you're going to want to add a CSS property with the background color on the right element. You're probably going to want all of the content to have a white background. So drop this into the CSS via the Advanced Theme Editor:

Find: div#wrap {

Add this property inside the {} tags: background:#fff;

Or if you *only* want the posts to have the white background:

Find: div#articles {

Add this property below: background:#fff;

Hope this helps.

Thanks so much for replying. The problem is, I have no CSS experience. I have done some programming ages ago in Basic/C++/Perl but no CSS. Anyway, I tried following your instructions and the only reference to "wrap" was here:

<div id="wrap">
<aside id="posterous_header" class="clearfix">
<a href="{PosterousURL}" title="Posterous" class="logo">Posterous</a>
<nav>{PosterousBar}</nav>
</aside>
<header id="page_header">
{block:HeaderImage}
<h1 class="header_image"><a href="{SiteURL}" title="{Title}" rel="index"><img src="{HeaderImageURL-500}" alt="{Title} - {Description}"></a></h1>
{Else}
<hgroup>
<h1><a href="{SiteURL}" title="{Title}" rel="index">{Title}</a></h1>
{block:Description}
<h2>{Description}</h2>
{/block:Description}
</hgroup>

I tried placing the background info but it didn't work for me as I had no idea where to put it exactly in this case. Thanks.

Joshua.

[MacinJosh]

I see now. I added the div#wrap with the background info and I think I got it. Thanks very much!

Joshua.

[Cory Watilo]

Yeah, just add to the CSS toward the top of the page. Search in the Advanced Editor for that code and you should find it. (It's above the HTML, wrapped in <style type="text/css">.)