[SOLVED] Post-Specific Logo Area Background

bswb97 · #1 Aug 24, 2011, 08:17 PM

I know the topic of post- and page-specific backgrounds has been discussed before (this thread http://forum.bytesforall.com/showthr...t=header+image and this thread http://forum.bytesforall.com/showthread.php?t=9525 were very helpful). However, I've implemented the CSS Inserts on there and I've got everything BUT the Logo Area (not Header Image) changing.

This site is still in experimental mode, so ignore the harsh coloring, placeholder content, and different index filename:

http://www.firstpersonmag.com/index_wp.php/?p=31

I'm using this in the CSS Inserts:

HTML Code:

body.postid-31 {
background:#f7a81c !important;
}

body.postid-31 div#footer-container{
background:#f7a81c !important;
}

That worked to bring the orange color you see on the Post. Note that I had to override the Footer-Container even though I had the generic Body calling out the background.

I've tried the following variations:

div#imagecontainer
div#header
div#header-wrap
div#header-container
div#logoarea-title

I'm using Chrome's Inspect Element function to look at the different classes in there but nothing's working. I'm sure this is simple, any ideas?