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:

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?

Some of the CSS for Atahualpa is better handled in other areas. For the logo area look in Style and edit Header Area>Logo Area Styling. You sometimes may need to use !important for some CSS to override a higher level CSS.

So Header Area > Logo Styling? How do I implement the post-specific function in that space?

body.postid-31 #logoarea {...}
unless something else is more specific

The "Post Specific" part didn't register. Therefore you would put Juggledad's code in CSS Inserts as it won't work in the spot I mentioned.

#logoarea did it! I didn't see that when I was inspecting the elements, I think I tried everything AROUND it instead.