Jump to content

PrestaSweet1.2 Shadow Border?


Recommended Posts

Hello,

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.

Dale
--

2448_lQ5cEvgQPlgM2BEZBBO9_t

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;
text-align:left;
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.

2450_sOyThBbHU0EQrsYVmszL_t

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