Custom class for home page div

[danieray]

If there is a better way to approach this, please let me know, but this is what I'm trying to figure out:

I have a sidebar with a repeating background image that I want the height to be the same as the content area of each page. I am able to achieve this if I add the bg image to the div #content-sidebar-wrap, but then the image shows up on the home page which I don't want. Can I add a class to the home page div so I can remove the background image?

If I add the background image to the sidebar it doesn't show up on the home page, but it no longer has the same height of the content area.

What's the best (easiest) way for me to get this working correctly on every page except the home page? Thanks!

http://bmt.diedrick.net

[rfmeier]

Hello.

You can set the background image to none on the home page. Try this

/* line ~645 */
.home #content-sidebar-wrap {
    background-image: none;
}

Make sure this is below the #content-sidebar-wrap declaration so it can override.

I hope this helps.

---

Ryan Meier – Twitter

[danieray]

That did it! I thought I tried that, but probably didn't have it UNDER the #content-sidebar-wrap. Thanks so much!

[rfmeier]

You are welcome. I am glad I could help.

---

Ryan Meier – Twitter

[Author]

Posts