• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

surrounded shadow with box-shadow

B

bogus

Guest
#1
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)
Unbenannt.jpg

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"?
 
B

bogus

Guest
#3
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
Unbenannt.jpg



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