Grow your CSS skills. Land your dream job.

Why is my footer the wrong color?

  • # February 2, 2013 at 4:13 pm

    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.

    # February 2, 2013 at 4:18 pm

    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…

    # February 2, 2013 at 4:24 pm

    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.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".