Ready to get started?Download WordPress


Footer Height and Header/Background Alignment (5 posts)

  1. nontechblogger
    Posted 4 years ago #

    I have two separate issues that I tried asking in the theme forum and have gone unanswered.

    1) The background/header of my blog is a little off. This issue seems be only in single post views and not in any other pages.

    Here's my site: http://DivaBenefits.com
    Here's an example of my post page: http://divabenefits.com/network-marketing-is-like-poker/

    You'll see that the alignment of the header and the background is a little off. How do I fix this?

    2) How do I adjust the footer height? What I'd like to do is to make it scrollable when the content overflows.

  2. 1.
    caused by the body_class .single-post which is also a post_class; the styling is aimed at the post_class:

    find in default.css:
    .single .post, .single-post { background: #FFF; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 0 15px; }
    .single-post { padding: 0 10px; }

    change both occurrences of .single-post into .post.single-post

    find in default.css:

    #footer				{ margin: 20px auto 0; width: 980px; background: #ECEBE6; padding-bottom: 10px; border: 1px solid #CCC; }

    add max-height:50px; overflow:auto; to it - with your own choice of height value.

  3. nontechblogger
    Posted 4 years ago #

    Let me take a look.

  4. nontechblogger
    Posted 4 years ago #

    1) Well thank you, that took care of that issue!

    2) It added the scrolling bar, but it won't scroll the whole content and the height doesn't seem to go longer than certain length. Could it be the padding or widgetcontent?

  5. nontechblogger
    Posted 4 years ago #

    I seem to have resolved it. The trick was in #footer-sidebar

Topic Closed

This topic has been closed to new replies.

About this Topic