Changing Your Background Color…

First of all, what theme are you using for your blog? If you haven’t installed one, then I’m guessing you’re using the default Kubrick theme. In that case, in the backend, go to Presentation > Theme Editor. Click on the Stylesheet link (to make sure you’re looking at the stylesheet) and look for the CSS code which corresponds to the BODY tag (it’s near the top:


/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #d5d6d7;
color: #333;
text-align: justify;
}


Change “background-color: #d5d6d7;” to “background-color: #2f2f2f;” then click the Update File button below the display window. (If Update File is not available (you’ll see a message saying something like “You could edit this if this file was writeable” instead of the Update File button), you’ll need to change the permissions in the server for that theme directory so that it can be read and written to. When you return to this screen after that’s been done, Update File will be available.

Thanks for the detailed reply : )

Unfortunately, I’ve already tried that… when I checked to see if it had changed, I didn’t see any difference!

Oh, and good call on the theme. It IS Kubrick.

K. is a PITA to modify.
The background is an image.

Ah! I think I know why. The original kubrick theme uses a repeating image file for the bg. (I had totally forgotten about that). You’ll need to look around the code and delete that particular line. If I remember correctly, all the image code is in the Header file (click on the Header link).

*looking around*

This looks familiar…


/* BEGIN IMAGE CSS */
/*To accomodate differing install paths of WordPress, images are referred only here, and not in the style.css file. If you prefer to use only CSS for colors and what not, then go right ahead and delete the following lines, and the image files. */

body { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgcolor.jpg"); }

#page{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; }

#header{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg") no-repeat bottom center; }

#footer{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}

I don’t remember whether you’re wanting to mess with the “BODY” or “#PAGE” attributes. In either case, I think you can either (a) yank the image from the images directory or (b) comment the line out. (In my site I just yanked the whole section out, save for the header code. Everything exept the header is CSS. )

Moshu: I highly disagree. If anything K is one of the best themes I’ve seen for modifying. It’s really well written and documented, better than most other themes I’ve seen.

Great! That did it. Instead of going in and deleting any of the code, I just swapped out images and it looks great!

Thanks for your help : )