• Hello:
    Can anyone tell me what the easiest way is to add a box shadow around the entire page? I know how to add to header, content and footer, but I don’t want a bottom shadow on the header or a top shadow on the footer. Any help would be greatly appreciated. Thank you.

    David

Viewing 5 replies - 16 through 20 (of 20 total)
  • Thread Starter cdrossen

    (@cdrossen)

    Thanks Luke. And yes, regarding the header issue, I did have #header listed twice and in the second one, I did have margin-top: 0; but I guess it ignores the second listing in the css file? Learning new stuff everyday 🙂 Appreciate your help.

    David

    I can see where the problem is with the 10px gray bar now:

    You have this on line 3 of your child theme’s style.css

    #header {
      box-shadow: none;
      margin-top: 0;
    }

    but also this further down, on line 122:

    #header{
     margin-bottom:-20px;
     margin-top: 10px;
    }

    The one on line 122 which actually be the rule that is applied.

    So you just need to make sure there is only one #header declaration.

    Thread Starter cdrossen

    (@cdrossen)

    Hi Luke:

    Thanks for your help…I think I got the shadow down now perfect.

    Maybe you could answer this question as well. The footer is currently just an image. I probably didn’t do this correctly, but what I did was put it as a background in the footer.php file in the child theme. Here is what I did:
    <?php responsive_footer_top(); ?>

    <div id=”footer-wrapper” style=”background-image: url(‘http://doca.org/responsive/wp-content/uploads/2015/02/footer_bg.jpg&#8217;);margin-top: -20px;height: 85px”>
    <?php get_sidebar( ‘footer’ ); ?>

    The reason I think I did not do this correctly is because when I reduce the size of my window or screen, it does not act responsively like the header and gets cut off. Could you tell me the best way to add an image as the footer and at the same time making it responsive so it reduces with the size of the screen? Thanks again.

    David

    Hi David,

    Try giving it a max-width: 100% and see if that helps.

    I’m not really sure why you’ve used inline styles there. Might be easier to just apply the rule in your style.css file rather than editing the footer.php file.

    If you need more help with this I would suggest creating a new thread as it’s going a little off-topic now. You can always post a link to the new topic here and I’ll take a look for you 🙂

    I hope that helps!

    Luke the Daft Duke

    Thread Starter cdrossen

    (@cdrossen)

    Hi Luke:

    I’m kind of new at this so I apologize for asking something off topic. I did just make another post asking for some help with the footer. Let me know if you see it and if you could give advice. Thanks again.

    David

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Box shadow around entire site’ is closed to new replies.