I orginally used the Shapes menu to make an overlay page (for my text) until I got help with the question Anchor the Page Layers in the forum. I had used the shadow Effect on that layer to make it stand out against the background jpg that extended beyong the "page". Now that I am using the method described to me, it is loading so much faster, but I still want to shadow the page onto the background. Any advice?
JE
L.E. did you try adding the border into your background image? sorry shadow!
I want it to border the page, so open to how to do that to the background.
JE
can I see an example of what you have LE, and the type of border, maybe I can add one for you, need the size as well.

My page in question is behind a passworded Member's section, so I recreated it here:
http://www.sample.richland-baptist-church.com/
http://www.sample.richland-baptist-church.com/
JE
I've attached a background image which will work if your page is set up for an 800px width and centered. The top header / banner image would just be inserted normally. The background image I made will take care of the shadowed edges.
However, this method doesn't allow you to do the nice shadow at the bottom of the page, the white content area will just extend all the way to the bottom of the page, as will its side shadows.
The fourth post in the following thread explains how you can do this with the image I've attached.
http://www.coffeecup.com/forums/website … nd-in-vsd/
Where it reads, "In Page Properties you need to select a solid color background, and set it to black," you'll set your background color to white.
The css you need for the head of your page will look like this if you keep the file name I used.
However, this method doesn't allow you to do the nice shadow at the bottom of the page, the white content area will just extend all the way to the bottom of the page, as will its side shadows.
The fourth post in the following thread explains how you can do this with the image I've attached.
http://www.coffeecup.com/forums/website … nd-in-vsd/
Where it reads, "In Page Properties you need to select a solid color background, and set it to black," you'll set your background color to white.
The css you need for the head of your page will look like this if you keep the file name I used.
<style type="text/css">
body {
background:url(background.png) center top;
}
</style>
body {
background:url(background.png) center top;
}
</style>
Thanks Cary,
seems I'll be giving this a try..
seems I'll be giving this a try..

Cary, Thanks for making the background image. Would you mind making it 900 px wide (and yes, centered)? Great help!!
JE
When you say 900px wide, you mean make the white area that wide, or do you mean the overall width with the white area staying the same 800px width you had in your link?
Currently, the image is 2000px wide so the background pattern will completely fill the areas to the left and right of your page on pretty much all monitors.
Currently, the image is 2000px wide so the background pattern will completely fill the areas to the left and right of your page on pretty much all monitors.
If you just wanted the white area 100px wider, here you go. 

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.