WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [closed] Auto-adjust page height, footer overlap (9 posts)

  1. LifeAfterHealth
    Member
    Posted 2 years ago #

    Hello. I seem to be having an issue with my content overlapping the footer section of my site. Is there any way to make it so the height adjust automatically depending on the length of the post and doesn't screw up the footer below? I thought this feature was built into all templates but maybe not.

    Also, on my contact page there are no field descriptions in the text boxes, how can I make these there??? I'm a noob to wordpress, any help would be greatly appreciated!

    Here is my site: http://www.lifeafterhealth.net
    and lifeafterhealth.net/contact

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Is there any way to make it so the height adjust automatically

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

    there are no field descriptions in the text boxes,

    Remove display: inline-block; from:

    .label {
        display: inline-block;
        font-style: italic;
        height: 0;
        letter-spacing: 1px;
        margin: 0;
        padding-top: 3px;
        vertical-align: top;
        width: 0;
    }

    in style.css

  3. LifeAfterHealth
    Member
    Posted 2 years ago #

    It's above but it didn't turn into a link. Thank you for the first one, the link for the page demonstrating the problem is http://www.lifeafterhealth.net/contact

  4. LifeAfterHealth
    Member
    Posted 2 years ago #

    I just added some text to push everything down so it's affecting the footer. My main concern is when I go to write a blog post that the 'Main' height will not adjust with the size of the post. I want the 'Main' height to remain where it is so everything looks tight on the front page, but there's got to be a way to make it adjust depending on length of post?

  5. esmi
    Forum Moderator
    Posted 2 years ago #

    Try adding clear:both'; to #footer in style.css.

  6. LifeAfterHealth
    Member
    Posted 2 years ago #

    esmi, you are f***ing awesome. thank you!

  7. codeslab
    Member
    Posted 1 year ago #

    I am facing the similar problem. The footer overlaps the content that I posted as it does not autoadjust when posted new content.

    Please help.

    My website blog.worksure.org

  8. lagron
    Member
    Posted 1 year ago #

    Hello there,

    I was wondering if I may receive some help with this situation as well please?

    My site is located at the-elites.org

    It is an "elite" self-improvement membership organization (non-profit) that I am in the works of starting, I have everything on paper and such, but nothing online.

    My footer on the site overlaps as well. If I can receive some help it would be greatly appreciated. I am even willing to give you access to content for free for the first 2 months.

    I just need to get a move on this, and the footer makes things harder to work with and overlaps extremely.

    Thank you for your time and help.

    The footer CSS is below.

    /**********************************
        FOOTER CSS
    ***********************************/
    
    #footer
    {
        background-image:url(../img/backgrounds/Background_footer_BrownLeather.jpg);
        background-position: left top;
        min-height:185px;
        width:999px;
        margin:auto;
        margin-bottom: 20px;
        margin-top:10px;
        clear:both;
        position: relative;
        left:1px;
        padding-top:45px;
    }
    
    #footer .links-info-container
    {
        padding:0px 40px 0px;
        width:920px;
        margin-bottom:40px;
    }
    
    #footer .links-info-container  a
    {
        color:#777;
        font:11px/20px Verdana;
    }
    
    #footer .links-info-container a:hover
    {
        color:#fff;
    }
    
    #footer .links-info-container .links
    {
        width:139px;
        margin-right:24px;
        border-left:0px solid #111;
        padding:3px 0px 3px 10px;
        float:left;
        background-image:url(../img/common_files/Spliter_Footer.png);
        background-position: left 0px;
    }
    
    #footer .links-info-container .info
    {
        width:213px;
        border-left:0px solid #222;
        padding:3px 0px 3px 10px;
        float:left;
        background-image:url(../img/common_files/Spliter_Footer.png);
        background-position: left 0px;
    }
    
    #footer .links-info-container .info p
    {
        color: #aaa;
        margin: 0px;
        font:11px/16px Verdana;
        text-indent:0px;
    }      
    
    #footer-bottom
    {
        padding:6px 40px 60px;
        width:920px;
        text-align:center;
        margin:auto;
        color:#666;
        font:10px Verdana;
        background-image:url(../img/common_files/Spliter_BlogPostTop_border.png);
        background-position: top;
    }
    
    #footer-bottom img
    {
        border:none;
    }
  9. esmi
    Forum Moderator
    Posted 1 year ago #

    As per the Forum Welcome, please post your own topic. Your problem - despite any similarity in symptoms - is likely to be completely different.

Topic Closed

This topic has been closed to new replies.

About this Topic