Unique Home Page Attributes (Background Image, Width)

jtsharp · #1 Jul 20, 2010, 12:58 PM

I feel like this must have been answered somewhere, but I just can't find it in my searches.

What I would like to do is add CSS (I believe) to give my static home page a unique background for the "body" section (where text or images would go). I've uploaded the image file to the correct place, but can't get it into the body section.

I would also like to give this home page body section a unique width. I've got the sidebars set to NOT display on the home page, and my attempts to change the width (by adding padding to the center column) have resulted in my desired width on the home page but a really skinny body section on other pages due to the sidebars being in place on these other pages.

Here's the URL: http://www.drjeremysharp.com/test

WP version 3.0; ATA version 3.5.1

Thanks in advance!

lmilesw · #2 Jul 20, 2010, 02:39 PM

You can put unique background images in many places. It could be the Center Column (Style & edit CENTER COLUMN) or perhaps Style POSTS & PAGES if you want a special background for the individual post or pages.

For the unique front page you might try using something like the following with the padding you want and put it in CSS Inserts. This should affect just the front page.

HTML Code:

.home td#middle {
padding:100px !important;
}

I'm not sure if the !important is necessary though.

lmilesw · #3 Jul 21, 2010, 06:09 AM

Just in case you tried my previous CSS the selectors were reversed. I have corrected it.

Blackjax · #4 Aug 6, 2010, 07:54 PM

New guy here, been working with the theme for about a week in the hopes of putting something together worthy of showing off here. My second site ever to the learning curve right now is steep.

I can use something similar to adjust my home/blog page then as well correct? I have an indent with center column padding on all my pages but want the blog page to be a little different.

What would I put in the CSS to push that back out just on the blog page? I'm still working on it on my local computer so my site is using my old theme. Atahualpa 3.5.3, Wordpress 3.0.1

lmilesw · #5 Aug 6, 2010, 08:36 PM

You just have to determine the unique selector for that page. I use Firefox with the Firebug extension for that or you can look through view source for a page and look for the
<body class= line and use the class to create your CSS.

Blackjax · #6 Aug 6, 2010, 08:45 PM

Ok, I think i got the sector.

In order to make the center of a particular page wider than it is in the standard style & edit center column parameters, should I make the width wider? I'll try that.