Jump to content

PrestaSweet1.2 Shadow Border?

Recommended Posts


I have installed this theme into my test site and am very impressed with the design. I would like to add a border around the main content with a shadow so as to create a 3d effect if you know what I mean? I tried doing this by adding:

background: url(shadowAlpha.png) no-repeat bottom right;
background: url(shadow.gif) no-repeat bottom right;

to the #page { in the .css file, this worked but is too small.

Please see attachment for what I am trying to do.

Any help or advice would be appreciated.

Thanks for your time.



Share this post

Link to post
Share on other sites

Ok, I am very nearlly there now.. I created a .gif with the shadow in, added the code to the .css it now looks like this:

How can I get a space on the left hand side of the image, as you can see it overlaps slightly.

#page {
width: 980px;
margin: 0 auto 2px auto;
background-image: url(..img/contentBg.gif);
background-repeat: repeat;

What do I need to add to this in order to create a bit of space on the left please?

I tried adding padding-left:2px; however this messed up the right hand side.

Any help would be appreciated.


Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More