WordPress.org

Ready to get started?Download WordPress

Forums

Blank white space below footer (10 posts)

  1. Analitico
    Member
    Posted 1 year ago #

    Hello,
    This is my website http://www.analitico.ca
    If you go to page http://www.analitico.ca/about-analitico/ there is huge white space below the footer. I don't know how to fix it. I have tried my best. Any help would be highly appreciated
    Thanks in advance

  2. tosaha
    Member
    Posted 1 year ago #

    I don't see a white space. What browser are you seeing this in?

  3. Analitico
    Member
    Posted 1 year ago #

    Thanks for response.
    I'm using chrome. I see this space on IE and mozilla as well.

  4. tosaha
    Member
    Posted 1 year ago #

    I don't see a space in Chrome, IE, FireFox or Safari. Perhaps it's a local issue? Have you seen this problem on another computer?

  5. Analitico
    Member
    Posted 1 year ago #

    Yes, now i'm on office computer. The size of the space varies based on different size of computer screen. If you go to contact us page. the white space is too big (almost half of the screen).

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    I'm sorry but as you are using a commercial theme, you really need to seek support from the theme's vendors.
    http://www.templatesold.com/

    In the meantime, try sorting out the markup errors (you have a number of unclosed tags on that page). Then move onto the CSS errors.
    http://codex.wordpress.org/Validating_a_Website

  7. tosaha
    Member
    Posted 1 year ago #

    I take it you have a larger screen than mine. If that's the case I won't be able to recreate the problem.

    But I seem to remember something similar to this happening to me before. Did you make the theme yourself? It doesn't look like the footer divs have any positioning on them so they will naturally show right after the main content leaving the rest of the area blank.

    Or you can make the background-color of the page the footer's background and just assign a background-color to the main content div which is also a popular route.

  8. Analitico
    Member
    Posted 1 year ago #

    Thanks Tosaha, I would rather go with adding positioning on the footer divs. Can you please provide me more information or a link to this? Thanks.

  9. tosaha
    Member
    Posted 1 year ago #

    I'd like replace your .footer and .footer2 classes from this:

    .footer { background-color: #212121; }

    .footer2 { background-color: #212121; }

    To this:

    .footer {
    background-color: #212121;
    position: relative;
    bottom: 0;
    width: 100%;
    }

    .footer2 {
    background-color: #212121;
    position: relative;
    bottom: 0;
    width: 100%;
    }

  10. Analitico
    Member
    Posted 1 year ago #

    Thanks, i will try that.

Topic Closed

This topic has been closed to new replies.

About this Topic