Getting custom body class to work

[Ant2199]

Hi,

I am still learning the ropes on CSS and am trying to get a piece of CSS to work on the home page only.

I want the header.image to not display on the home page only.

I can get this to happen on all pages using this CSS:

.header-image .site-title a {
display: none;
text-indent: -9999px;
}

But I am having a hard time getting it to apply solely to the home page.

I tried adding a custom body class to the page, using homespecial and then adding .homespecial to the CSS.

I tried just adding .home to the CSS as well as adding .page-id-6 to the CSS.

Should I be adding anything different to the custom body class box other than just the name?

Thanks for looking and helping!

http://development.rom3rehab.com

[Ant2199]

I figured it out.

I dropped a space in the CSS so instead of:

.home .header-image .site-title a {
display: none;
text-indent: -9999px;
}

I dropped the space after .home, like this:

.home.header-image .site-title a {
display: none;
text-indent: -9999px;
}

Works fine.

Still not sure why I could not get the custom body class box on the page to work right but will figure it out... however I am open to suggestions!

Thanks,

[Author]

Posts