Viewing 15 replies - 1 through 15 (of 27 total)
  • Not really sure what you mean — do you want to put box shadow around the page EXCEPT for the footer section? If so, you’ll likely need to put the footer outside the wrapper.

    BTW, you might want to fix the many errors on your site:

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.technoarea.in%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Thread Starter decentguy49

    (@decentguy49)

    how can i put footer out of wrapper?

    You’ll have to change how the footer.php file is coded — since yours is a custom theme, hard to say without looking at the code. And then you’d likely need to make some adjustments to the CSS code as well.

    But with all those errors and deprecated code, I would recommend fixing them before you do anything else.

    Add this to your style.css file (anywhere is good):

    #wrapper {
      -moz-box-shadow: 10px 10px 10px #000; /* Firefox */
      -webkit-box-shadow: 10px 10px 10px #000; /* Safari, Chrome */
      box-shadow: 10px 10px 10px #000; /* CSS3 */

    If you want it to work in IE, there are a few solutions that you can use, you’ll have to do some reading:

    Thread Starter decentguy49

    (@decentguy49)

    Here is my footer code:-

    <div id="footer">
    <p style="float:left;">
        <strong>&copy; Copyright <?php echo date("Y") ?> <a href="/"><?php bloginfo('name'); ?></a> | All Rights Reserved.</strong>
        Designed by <a href="https://www.RahulSharmaHere.in" target="_blank">Rahul Sharma</a></p>
       <p style="float:right;"> <a href="<?php bloginfo('rss2_url'); ?>">RSS</a>
    | <a href="/copyright-policy/">Copyright Policy</a>
    | <a href="/disclaimer/">Disclaimer</a>
    | <a href="/privacy-policy/">Privacy Policy</a>
    | <a href="/contact/">Contact</a>
    | <a href="/changelog/">Changelog</a>
    | <a href="#header" class="backtotop">Top</a></p>
    </div>
    <?php wp_footer(); ?>
    </body>
    </html>

    and i am fixing those errors

    Thread Starter decentguy49

    (@decentguy49)

    @elfynity5 i had already tested those codes but they are showing below footer i want it between footer n wrapper

    Try moving the closing div </div> that is right above the line <?php wp_footer(); ?> to above the first line ‘<div id=”footer”>`.

    Your footer div needs to be taken out of the wrapper div on the html of your page. Right now it is like this basically:

    <div id=”wrapper”>
    <div id=”footer”>
    </div>
    </div>

    and it should be like this rather:

    <div id=”wrapper”>
    </div>

    <div id=”footer”>
    </div>

    That separates the two.

    You will have to change it on every .php page that has it in the wrong order, and then the css will work.

    Thread Starter decentguy49

    (@decentguy49)

    did but now footer goes out of style ??

    That’s easy to fix. Just put this into your css for your footer:

    `#footer{
    margin:0 auto;
    }

    Thread Starter decentguy49

    (@decentguy49)

    thnkx footer is now on its place but as you can see wrapper is just on header section not in body, on body section i am getting background color

    That is also easy, add this just before </div> of your wrapper tag:

    <div ="wrapper">
    
    <div style="clear:both"></div>
    </div>
    Thread Starter decentguy49

    (@decentguy49)

    thnkx buddy its working fine now but having another issue :-

    i had used your code for shadow effect but as you can see on site that its footer is above shadow and its not working on footer

    Please send me the link of the page you are viewing. I have to go out now, but will be back in a few hours and will help you again then.

Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘How to separate Wrapper and footer’ is closed to new replies.