treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Why is my footer the wrong color?

  • I have spent all morning trying to figure this out. Sometime between yesterday and today, the footer on my Contact page decided to change to a dark red color rather than the dark green, which is assigned to it. The dark red is only applicable on a completely different CSS stylesheet (style.css), which is controlling my Home page! I did Ctrl + F to see if I had somehow put #A11517 (dark red) somewhere on my style-contact.css and it is no where to be found. This is the code for my footer currently:

    /*
        FOOTER
    */
    
    #footer {
        position: relative;
        margin-top: -70px; /* Negative value of footer height. */
        height: 70px;
        background-position: center bottom;
        border-top: 5px solid #768720;
        clear:both;
        max-width: 960px;
        margin:0 auto;
    }
    

    It clearly states a hex value of #768720 (dark green). Why is my contact page using a completely separate stylesheet for one simple border? Everything else is working properly. Thank you in advance.

  • on the live site there is no #footer declaration in styles-contact.css

    it's picking up the red from style.css

    edit// I see that there actually is, but it's not being read, which means it might be commented out by mistake...

  • Okay, I feel like an idiot now. I meant to comment something out and I did not close it. I feel a little ashamed about this. Me thinks I will immediately go and download Firebug. I recreated my computer and it is one of those things I have not done yet. Thank you, @wolfcry911.