1. 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

Discussion in 'XenForo Questions and Support' started by bogus, Jan 3, 2011.

  1. bogus

    bogus Guest

    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"?
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. bogus

    bogus Guest

    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"

Share This Page