Header a footer: both are too long

  • Dear WordPress support community,

    I’ve created my WordPress site under it’s current theme (Photocrati). I like the theme because it shows my work nicely. The only problem I have is that the header drops down way too low – giving a large empty space before seeing my website’s main content. I want my content to come up a bit higher, as it’s the most important aspect of the site. The website is https://danaburns.net

    Also, the footer drops down really low, creating another empty space. I want my website to look more professional and compact and less spaced out. It’s been bothering me for a while now!

    Anyone know how I can edit the php to fix the drooping header and footer?

    Thanks in advance,
    D

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

  • I don’t notice problems in the header…
    The footer instead seems too high…
    You have to edit some Css in “dynamic-style.php”; try to delete bold lines.

    [mod: read the forum guidelines for posting code]

    .footer_wrapper {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 5px 0 5px 0;
    background: white;
    margin-top: -250px;
    height: 250px;
    clear: both;
    z-index: 2;
    position: relative;
    }
    #wrapper {
    position: relative;
    width: 960px;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 250px;
    }

    You should remove also this in every page template:
    <div id="footer-widgets" class="footer-widget-area"></div>

    Thread Starter dkbdesign

    (@dkbdesign)

    Thank-you so much for your help Milmor.

    I have removed what you noted in bold, but don’t see any difference.

    About removing the “div-id footer widgets” code in every page template, how do I do that? Perhaps that is what is causing the large gap — makes sense!

    You have to remove it under Appearance > Editor.
    Open every template (single.php, index.php, archive.php, page.php,…), remove that line and click ‘Save’.
    I hope that your host allows you to do that, otherwise you have to use a FTP program…

    Ps. I tried to delete the css i posted here in real-time with Google Chrome and it solved half of the problem… As you can see, values are too high… Are you sure to have done everything correctly?

    Thread Starter dkbdesign

    (@dkbdesign)

    Hi Milmor,

    I cannot find <div id=”footer-widgets” class=”footer-widget-area”></div> on those pages. How many templates are there? I’m not familiar with this stuff. And, if I upgrade my theme (as WordPress asks for updates all the time.. and then I always have to re-add my footer text) will I have to go back to each page one by one (let’s say, if I do figure out how to remove this code) all over again? If so, that’s just too much of a hassle.

    I looked for what you have stated and cannot find it.

    (About the FTP program — I have one and know how to access my files via FTP. Back before WordPress existed I created websites via FTP with notepad files!)

    Thanks again for the help!

    So search that code only in footer.php (everything depend on your theme…).

    1. If you upgrade the CMS, you don’t need to remove it again.
    2. If you upgrade the Theme (it has never happened to me), then maybe you will have to do that again.

    Ps. Try again to edit the css i wrote here 1 week ago xD

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header a footer: both are too long’ is closed to new replies.