css drop shadow around entire page

  • hdho

    (@hdho)


    11 years, 8 months ago

    Hello,

    Could someone clarify if, and how, one can get a drop shadow (so with slight gradient) around the ENTIRE page of a wordpress blog, using css?

    I have come across solutions of the type <div class container, or wrapper, or box etc…>, with a corresponding .class in the css file.

    This works with .html files. However, wordpress makes .php pages, and each page consists of an “assembly” of php-parts (header+content+footer etc…), so there doesn’t seem to be an overall component (or container) to wrap the drop shadow around.

    Thanks for a workable solution!

    H. Pelissier

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

    (@esmi)

    11 years, 8 months ago

    so there doesn’t seem to be an overall component (or container) to wrap the drop shadow around

    You may have to add the wrapper container via your theme’s template files.

    Thread Starter hdho

    (@hdho)

    11 years, 8 months ago

    Finally found the solution, which may be useful to others as well.

    The “shadowbox” is defined as a class (.shadowbox{…}) in the style sheet. Then this class is initiated in the header.php file right under <body> (<div class=”shadowbox”>), and closed in the footer.php file just above </body> (</div>). On each generated page these two code elements come together.

    H. Pelissier

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘css drop shadow around entire page’ is closed to new replies.