Shadows / Borders

[DJReda]

Hi All,

I've based a site I'm working on (http://kiddietrends.com/shop/) on the cherry zen template. I'm at the point where I'm almost happy but if you view the site you'll see my problem.

The overall theme color is green (and I'm happy with that) whats of concern is that the center section (body?) where items are displayed, etc is "missing" something...what I mean is that if I make it green as well it becomes overpowering and hard to read but the white looks too unfinished...I'm trying to figure out how to create some sort of double lined border or shadow effect around this body section or perhaps adding some kind of smooth or finished lookin edge to the left and right columns would do?

I'm not sure and would really appreciate tips on how to get one of these effects implemented.

Thanks in advance!
DJReda

[knuckle-101]

a little bit of designing skills and css knowledge would be required here is a couple links to help

http://www.w3schools.com/css/
http://www.good-tutorials.com/

[rstevenson]

Just adding a slight tone to the background will work wonders. Either a compatible pale (very) green or a slight tone of contrasting colour.

I too don't like the stark white look. Check out my sites in my sig below to see a couple of possibilities.

Rob

[CPJ]

I followed the advice in one post on how to add a drop shadow to my center wrapper, but it gave only the code for the right side. I cannot figure out how to do it on the left, and believe me, I've tried. I know it's just some tiny bit of code I'm lacking (and the fact that I'm a newbie to css and zen).

If you check my site here 200westmain.com/citypretties you will see that I have the shadow on the right.

Can someone explain to me how to get it on the left as well?

Thanks,
Becky

[CPJ]

I posted about this elsewhere, but I'm not sure how posts are viewed, so I'm asking again. I apologize if redundant posts are annoying. I'm VERY new to css and Zen.

I would like to have a drop shadow on each side of my wrapper. I've succeeded, thanks to an old post here (http://www.zen-cart.com/forum/showthread.php?t=66618) in getting the shadow on the right. No matter what I try I can't get it on the left the way I want it.

If you look at my cart at

http://www.200westmain.com/citypretties

you can see that the shadow just sticks up in the left, pushing the top of the wrapper to the right and not running the full length of the y-axis.

Here is the code I have in my stylesheet:

#mainWrapper {
background-color: #82B146;
text-align: left;
width: 800px;
margin-right: 10px;
margin-left: 10px;
}

#mainWrapperRight {
width: 100%;
background-image: url(http://img.auctiva.com/imgdata/0/4/8...451342_o.gif);
background-position: top right;
background-repeat: repeat-y;
padding-right: 10px; /*or whatever the shadow width is*/
}

#mainWrapperLeft {
width: 100%;
background-image: url(http://img.auctiva.com/imgdata/0/4/8...451334_o.gif);
background-position: top left;
background-repeat: repeat-y;
padding-left: 10px; /*or whatever the shadow width is*/
}


What am I missing?

Thanks,

Becky

[Kim]

moderator's note - the threads with the duplicated question have been merged.

[CPJ]

Can anyone help?

[CPJ]

Seriously, no one?

I went in to my main page php and added some <div> and </div> and it put the shadow down the left side, only it seems to be under the side boxes and header.

I've tried everything I can in the stylesheet and mainpage php.

Does anyone PLEASE have ANY suggestions???