Foreground Image option

What exactly do you mean by foregound?

We have a backgrounds addon which you may find helpful: http://www.generatepress.com/downloads/generate-backgrounds/

Hi,

Yeah, I have Backgrounds add-on. By foreground, I was meaning something that would let an image sit in front of the contentt, like on this CSS ZEN page:

If you pop along to my website , you might see what I'm hoping to achieve... I would need to create another (PNG) image for the effect, but I'd like to have some of the background leaves hang over the sides of the content, giving the page depth.

I can probably figure out how to add the CSS to do it myself (using the Wordpress CSS feature), but I figured others might be interested, and it could even be a selling point of your theme if you added it. Up to you. Let me know, though, so I know if I need to go learn some code!

OK.. so, my link don't seem to have worked...

This is the CSS Zen pages I was talking about http://www.csszengarden.com/213/

Hi Deb,

Not sure how I could create an addon around this - but worth thinking about.

I don't actually fully agree with how CSS Zen is doing it.

I think it's much better to use position:absolute;.

As an example:

<div class="this-is-a-relative-container">
      <div class="this-is-an-absolute-container">
          <img src="..." />
      </div>
</div>

.this-is-a-relative-container {
      position:relative;
}

.this-is-an-absolute-container {
      position:absolute;
      top: -20px; /* relative to the relative container */
      right: -20px; /* relative to the relative container */
}

Let me know if you have any questions :)

Thanks for that, Tom. I'll have a play.

Hi Tom,

Sorry to bother you again.

Can you tell me which part of the theme I should insert the html part of this code into? Header? Somewhere else?

Thanks,
Deb.

Actually... I seem to have made it work...

Awesome! :)