Support » Themes and Templates » CSS glitch/misunderstanding

  • I’m new to using CSS to format pages. I grew up in the old wild and wooly days of font tags. 🙂
    Anyway, working with WP has been a great learning experience, but now I’m stumped. My site is at
    If you go there you’ll see a green background for the headers, and a lighter green background down at the bottom of the page in the credits section. I want them to be the same color, and I’m not understanding why they aren’t.
    CSS snippets:
    #header {
    background: #063;
    font-family: Verdana, Arial, Helvetica, san-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 5px 1px 15px 10px;
    .credit {
    background: #063;
    border-top: double 3px #aba;
    color: #fff;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 3px;
    text-align: center;
    If I change the background value in .credit, the color of the bottom strip changes, so I’m sure I’m changing the correct value. But why aren’t they showing as the same color? Is there some kind of inheritance impacting the color of the bottom bar or something?
    Any help would be greatly appreciated.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Maybe it’s just me, but the colours look the very same green to me :s

    I think they are the same color. Sometimes the eyes get tricked because of the surroundings. I think in this case ithas to do with a whole-lotta-green (at the top) vs not-so-mucha-green (at the bottom). I flipped up & down looking at the colors, and they appear to be the same to me.

    OK, color me extremely embarassed.
    I was already to say you’re both crazy! 🙂 Then I opened two browser windows, scrolled on to the bottom and stacked them on top of each other and sure enough, same color.
    Sheesh, that’s freaky.
    And I’m very sorry to have wasted everyone’s time.

    Actually, at the risk of beating a dead horse, upon further investigation, its an issue with my laptop’s display. The color gets lighter as I move it down on the screen. I’ll have to keep an eye on that or it’ll cause me huge grief.

    Heh heh, I know how you feel. Check out my site:
    View the gridded background image by itself. It looks like pure black when it’s alone on a white background. I was fiddling with that *forever* today (“Why the hell is the image all black when I view it outside of my page?”).

    Both background color values are #063 – verified by ColorCop

    You’re falling victim to a problem of contrast. Check THIS out for an optical illusion that still stuns me to this day!
    Even when I verify it with a graphic program and eyedropper I still can’t believe it…

    You have pointed us all at a very interesting visual *phenomena*. Thanks. I had certainly not really thought about this before.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘CSS glitch/misunderstanding’ is closed to new replies.