Footer Height and Header/Background Alignment

  • 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: https://DivaBenefits.com
    Here’s an example of my post page: https://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.

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

  • 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; }
    and
    .single-post { padding: 0 10px; }

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

    2.
    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.

    Thread Starter nontechblogger

    (@nontechblogger)

    Let me take a look.

    Thread Starter nontechblogger

    (@nontechblogger)

    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?

    Thread Starter nontechblogger

    (@nontechblogger)

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footer Height and Header/Background Alignment’ is closed to new replies.