Quote Originally Posted by stonedan View Post
Hello there!

I'm using the Cherry Zen Template (thanks for this awesome template), and I need your help in doing some things with the CSS. I've searched this whole thread without much luck.

I'm trying to do the following:

1. remove the drop shadow around the whole website, and display a simple line instead (i.e. "outline" the website, but without the shadow)

2. merge/collapse the upper border of the website with the actual webpage border (i.e. I do not want that upper space between the webpage border and the main body border where you can see the background image).

I've tried playing around with stylesheet.css and stylesheet_dropshadow.css, but ended up killig the whole layout :s (had to reload again both css from the cherry zen template).

hope you've understood what I'm trying to achieve (forgive my english!)

Any help will be much appreciated!

thanks,

dan.
1. Delete stylesheet_dropshadow.css from the server.

2. Add this to your stylesheet:
table#workaround {
margin: 0;
padding:0;
width:100%;
border:1px solid #000000;
padding:0;
background:#ffffff;
}

To get rid of the space at the top of the site, simply remove the margin-top from the body tag. (margin-top:20px;)