surrounded shadow with box-shadow

[bogus]

Hello, I try to add a CSS3 shadow to my testboard.
Unfortunately, it´s proving harder than expected
If i add this example box-shadow: 0 0 12px 12px #000; in
Appearance -> Style Properties -> General -> Content to Miscellaneous
the shadow just surrounds the "pageContent" (red arrows) but it should go to the end of "footerlegal" (green arrow)


I also tried to solve the "problem" with an extra css class and added this class to the page_container template, but then i have no shadow...

How can i expand the shadow till "footerlegal"?

 

[Paul B]

I thought you had managed to get this working based on this thread?
http://xenforo.com/community/threads/surrounding-shadow-with-images.9471/

The problem is they are two separate div's so ideally you would need a wrapper encompassing both.

You should be able to do it by editing the #content .pageContent and .footer .pageContent css classes though.

 

[bogus]

Well. Its really harder as i thought.
To get the box shadow surrounded the pageContent, footer and footerLegal it looks like the page_container needs a rewrite, because the footer and the footerLegal are separated.
The pageContent need a wrapper which includes both, footer and footerLegal and i am not good enough to do that.

If i do it as you suggested, by editing the #content .pageContent and .footer .pageContent css classes the box shadow surrounds pageContent and footer




btw Brogan. Yes i did get it working with the images, but i wanted to get a more flexile "thing"