WordPress.org

Ready to get started?Download WordPress

Forums

CSS Question (4 posts)

  1. Anonymous
    Unregistered
    Posted 10 years ago #

    Hi, I have a question with the CSS Style I hope someone can help me with.
    I am trying to make the background colour of the site a green colour, but I went where the News appears to be grey, so I made my css for the content section:
    .content {
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width:auto;
    min-width:120px;
    margin:0px 210px 20px 170px;
    border:1px dashed black;
    background: #grey;
    padding:10px;
    z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    }'
    and the body
    body {
    border: solid 2px #565;
    border-bottom: solid 1px #565;
    border-top: solid 3px #565;
    font-family: 11px verdana, arial, helvetica, sans-serif;
    margin: 20px;
    padding: 0;
    background-color: #90a090;
    color: #333;
    }'
    however everything Is green, any ideas?
    Thanks

  2. ByteWarrior
    Member
    Posted 10 years ago #

    background: #grey;
    Shouldn't that be 'gray' or #ddd or something like that? If you want it green, you'll have to change that one (in the Content section).

  3. Anonymous
    Unregistered
    Posted 10 years ago #

    Yes, ByteWarrior is correct, it should be gray. The # (pound sign) is only used for hexadecimal designation. It's better to use the hex # instead and much easier to manipulate the shade or tint of gray with #333, #666, and on up to #EEE. Generally speaking, if the numbers (and letters if you want to see hex has letters and numbers) are identical to each other, the background will be gray, though for #333, you will see the color as almost black, and #666 is dark gray. For fine-tuning the color of gray, I would suggest using a full hex 12-byte hex number, such as #FFFFFF. Using the shorthand notation, #FFF, does the same thing in this case, but if you were using #F0FAF0, it would not be.

  4. Anonymous
    Unregistered
    Posted 10 years ago #

    ah my bad, i had retyped that and must of made the spelling mistake doh!
    thx

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.