HELP! Lifestyle Pro – Different Background on Home Page Only

[Kim Turcotte]

Hi I am working on customizing a new site using the Lifestyle Pro Theme as a starting point.

I want the background on the homepage to be white and to use a background image on the rest of the site's internal pages. I have searched the forums and googled this, but can't seem to find an answer. I know it will probably be an easy fix, but I can't seem to figure it out.

Here is a link to the site:
http://www.linda-joy.com/ljnew/

Any help would be appreciated!

http://www.linda-joy.com/ljnew/

[Porter]

In your style.css file, find where your original background is set, should like very similar to this:

body {
background: url('images/background-2.jpg');
color: #4A7AA5;
font-family: Muli, sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 1.625;
margin: 0;
}

Replace that with:

body.home {
background: url('images/background-2.jpg');
color: #4A7AA5;
font-family: Muli, sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 1.625;
margin: 0;
}

Basically body.home lets you set specific css to your home page, and with the background property, you can specify a specific background. Obviously all of the other properties I just copied here are specific to my site, so only change out the "background" property, and set "body.home" for a copy of whatever your current body is (paste it below).

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Krista]

I agree with the above. Lifestyle Pro has a custom body class for the front page so you could also use body.lifestyle-pro-home

[Author]

Posts