I'd like my site's logo (the big red tag) to sit at the top of the page but overlap the top of the content area like this:



Is this possible? If so, where do I place the image (I'm using CSS to do so)? If not, is there a workaround?

My URL: http://www.kimspersonalizing.com/

Many thanks!

Instead of having it as a background to the wrapper I would use it as logo image and then position with CSS.

Tried that, but the tag image is still falling beneath the white content area. The tag image is currently in the body div, but I realize it should probably be elsewhere. Just not sure where. To be clear, I want the tag image to overlap the white content area. Frustrated and very appreciative of any help!

make it your logo image and let us know when you have done that and we can take a look again.

Done. Thank you!

Now just add a negative bottom margin using something like the following in the CSS Inserts section of the theme options.

.logo {
    margin-bottom: -20px;
}

try this: in the 'Configure Header Area' option add the following

<div id="mytag"><img class="tag" src="http://www.kimspersonalizing.com/wp-content/themes/atahualpa/images/tag.png" /></div>

then add the following to the CSS inserts

#mytag {height:150px;}
.tag {position: relative;}

you may want to position it left or right too.

Thanks juggledad, that is a workable fix. The only thing I can't figure out though, is how to make the rest of it work with this fix. For instance, I want to surround the white content area (layout + menu) with a box shadow. Is it possible within the Atahualpa options to create a div that wraps around both of these sections? See original concept image above for reference.