WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] A Long Shot - Need Serious Help With Footers. (3 posts)

  1. melstan1
    Member
    Posted 4 years ago #

    Help! I broke my footers and I can't fix them!

    Seriously, I have no idea how to style the footers. They were not registered for sidebars. Once I did that, my styling broke. I have two sets of styles going on; the original, which contains the right sizes, and the #footer-sidebar style. I have no idea how to clean this up because I know very little about code.

    Additionally, although the list-style is none, I'm still getting bullet points. Would somebody be kind enough to take a look and make some suggestions? Would be much appreciated.

    Thanks,

    Melissa

    http://www.theinnocentabroad.com

    /* Footer */

    #footer-sidebar {
    display:block;
    height: 270px;
    }

    #footer-sidebar1 {
    float: left;
    width: 340px;
    margin-left:5px;
    margin-right:5px;
    }

    #footer-sidebar2 {
    float: left;
    width: 340px;
    margin-right:5px;
    }

    #footer-sidebar3 {
    float: left;
    width: 340px;
    }

    #footer a{
    margin: 0 auto;
    width: 869px;
    height: 270px;
    color: #ffffff;
    font: bold 12px "Century Gothic", Century Gothic;
    }

    #footer a {
    color: #ffffff;
    text-decoration: underline;
    }

    #footer a:hover {
    text-decoration: none;
    }

    /* Footer - Footerbar */

    #footer #footerbar {
    width: 869px;
    height: 180px;
    padding-top: 17px;
    }

    #footer #footerbar h3 {
    font: bold 14px "Century Gothic", Century Gothic;
    color: #ffffff;
    padding: 0 0 25px 15px;
    }

    #footer #footerbar ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style-type: none;
    }

    #footer #footerbar ul li {
    font: bold 12px/26px "Century Gothic", Century Gothic;
    color: #ffffff;
    padding-left: 8px;
    background: url("images/footer_menu.gif") no-repeat;
    }

    #footer #footerbar ul li a {
    color: #ffffff;
    text-decoration: none;
    }

    #footer #footerbar ul li a:hover {
    text-decoration: underline;
    }

    /* Footer - Footerbar - Boxes */

    #footer #footerbar #footerbar-left {
    width: 249px;
    padding: 0 17px 0 10px;
    float: left;
    font: bold 12px/26px "Century Gothic", Century Gothic;
    color: #ffffff;
    padding-left: 8px;
    background: url("images/footer_menu.gif") no-repeat;
    }

    #footer #footerbar #footerbar-center {
    width: 273px;
    padding: 0 14px 0 11px;
    float: left;
    font: bold 12px/26px "Century Gothic", Century Gothic;
    color: #ffffff;
    padding-left: 8px;
    background: url("images/footer_menu.gif") no-repeat;
    }

    #footer #footerbar #footerbar-right {
    width: 264px;
    padding: 0 14px 0 16px;
    float: left;
    font: bold 12px/26px "Century Gothic", Century Gothic;
    color: #ffffff;
    padding-left: 8px;
    background: url("images/footer_menu.gif") no-repeat;
    }

    /* Footer - Copyright */

    #footer #copyright {
    width: 869px;
    text-align: center;
    line-height: 20px;
    font: bold 12px/26px "Century Gothic", Century Gothic;
    color: #ffffff;
    }

  2. flamenco
    Member
    Posted 4 years ago #

    Hi,
    Yes, that will require some fixing. :) The main point is that a lot of your styling is pointing to #footer, which is not there in the code (possibly deleted). For instance, this explains why bullet points are there... the attempt to style them is using #footer.

    Your code does, however, have #footer-sidebar1 in it. So a start would be to try using that to replace instances where you now have #footer in the CSS code.

    That's a start, at least.

    Good luck, Dave

  3. melstan1
    Member
    Posted 4 years ago #

    hi Dave, sorry I didn't get back to you before. Thank you for your advice. The problem was just as you said it was, missing footer in code *duh*. All fixed now, and the theme is backed up in case I want to use it again. In the end I've decided to go with a cleaner theme, and the footers are pretty much fine. Thanks for the suggestion, all advice is totally appreciated!

Topic Closed

This topic has been closed to new replies.

About this Topic