A Long Shot – Need Serious Help With Footers.

  • Resolved melstan1

    (@melstan1)


    14 years, 11 months 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

    https://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;
    }

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

  • 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

    Thread Starter melstan1

    (@melstan1)

    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!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘A Long Shot – Need Serious Help With Footers.’ is closed to new replies.