WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] footer padding (5 posts)

  1. rockinfree
    Member
    Posted 8 years ago #

    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.

  2. newflesh
    Member
    Posted 8 years ago #

    It says padding-top both here in your post and in your css... changing that to padding-right would probably do the trick. :)

  3. rockinfree
    Member
    Posted 8 years ago #

    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;
    }

  4. newflesh
    Member
    Posted 8 years ago #

    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?

  5. rockinfree
    Member
    Posted 8 years ago #

    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>

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags