Add shadows on main box

  • Resolved KenshinPT

    (@kenshinpt)


    11 years, 4 months ago

    Hey,

    I know how to add shadows on a box. For example:

    #Example_F {
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    }

    The problem is that I want to add shadows only the main box (the white main box) but I can’t figure out which is its name.

    #forbottom, doesn’t include the footer and #wrapper includes the header.

    What to do? ??

    Thanks

    Regards.

    Site: vascoferraz.com

Viewing 2 replies - 1 through 2 (of 2 total)

  • There’s no element that contains both #main and #footer and only those.

    You can achieve a box shadow effect on the entire white area via a trick:

    #main {
padding-bottom: 42px;
box-shadow ... }

#footer {
position: relative;
margin-top: -42px; }

    This will move the footer over the content and the content’s box shadow will apparently include the footer as well.

    Adding/removing content from the footer will require re-adjusting the 42px value.

    Thread Starter KenshinPT

    (@kenshinpt)

    Like a charm ?? Thank you so much

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add shadows on main box’ is closed to new replies.