I've been playing around with the Gantry framework for Wordpress and some new CSS tricks.
I'm trying to apply a drop shadow to the left and right sides of divs. I've been looking at an example that I found online but I'm still a little lost. One one specific div I want to also have the drop shadow on the left, right, and bottom side of a div.
I have gotten my main item figured out but I'm trying to figure out why there is a blank area between the box-shadow's on the left and right sides of the divs.
Because the divs aren't connected together. If you want it to be down the side of both of them combined, then you'll need to wrap them both in another div and put the shadow on the wrapper instead.
I'm trying to apply a drop shadow to the left and right sides of divs. I've been looking at an example that I found online but I'm still a little lost. One one specific div I want to also have the drop shadow on the left, right, and bottom side of a div.
The code that I'm playing around with is:
I have gotten my main item figured out but I'm trying to figure out why there is a blank area between the box-shadow's on the left and right sides of the divs.
the first -7px must be 7px (;
EDIT:
you know the values are like this: margin-left, margin-top, blur-factor, border; ?
Looks like I'm going to have to ditch the Gantry framework for this project. The framework doesn't appear to allow this to be done easily.