Support » Themes and Templates » footer padding

  • Resolved Claire Powers

    (@rockinfree)


    I have the text in my footer right-aligned, but it’s all the way to the right — no matter what value I put for padding-right, the text doesn’t move. Here’s my footer CSS:

    #footer {
    clear: both;
    height: 85px;
    width: 700px;
    padding-top: 7px;
    background: url(images/footer.gif) no-repeat;
    background-color: #fff;
    }

    Am I doing something wrong? My site is here. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • It says padding-top both here in your post and in your css… changing that to padding-right would probably do the trick. 🙂

    LOL sorry about that … I’d taken “padding-right” out and forgot to put it back in. Here’s what I have now:

    #footer {
    clear: both;
    height: 85px;
    width: 700px;
    padding-top: 7px;
    padding-right: 20px;
    background: url(images/footer.gif) no-repeat;
    background-color: #fff;
    }

    That’s strange. Shouldn’t be anything wrong with the css. Any difference if you put text-align: right on #footer instead of using the .right class?

    That didn’t work, though I had some other help with it and figured out that the padding was working, it just didn’t show ’cause both the text and the image were being pushed over. So here’s the CSS we eventually came up with:

    #footer {
    clear: both;
    height: 85px;
    width: 700px;
    background: url(images/footer.gif) no-repeat;
    background-color: #fff;
    display: table;
    overflow: hidden;
    }
    #footermiddle {
    display: table-cell;
    vertical-align: middle;
    }
    #footertext {
    padding-right: 20px;
    text-align: right;
    }

    And the footer.php code:

    <div id="footer">
    <div id="footermiddle">
    <p id="footertext">powered by <a href="http://wordpress.org">WordPress <?php bloginfo('version'); ?></a>
    <?php echo $wpdb->num_queries; ?> queries in <?php timer_stop(1); ?> seconds
    <?php bloginfo('name'); ?> &copy; 2001 - 2006</p>
    </div>
    </div>

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘footer padding’ is closed to new replies.