Support » Themes and Templates » Background Color of Text Area

Background Color of Text Area

  • I have installed a background image for the entire page, but I would like to have the text area background a plain off-white color.

    WordPress Classic 1.5 by Dave Shea

    body {
    background: #fff;
    border: 2px solid #565;
    border-bottom: 1px solid #565;
    border-top: 3px solid #565;
    color: #000;
    font-family: ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
    margin: 0;
    padding: 0;

Viewing 15 replies - 1 through 15 (of 16 total)
  • add the below css code at the bottom most of your stylesheet.

    textarea{background-color:#fff !important}

    I too would like to do this and the codex seems to be lacking. I don’t understand what chaoskaizer is trying to say. Could you clarify? Thanks!!

    Hello people!

    Well, I’ve solved most things on my own so far with the help from this excellent forum, but this issue finally made me register so I could post something! 😀

    Yep, I’ve got the same problem, as ‘Anonymous’, and chaoskaizer’s code didn’t work for me.

    Here’s my website:


    As you can see, the text is unreadable. I’d like some white blocks just behind the text blocks and sidebars only, so that I can retain the main background image overall.

    Anyone got any ideas?

    Thank you 🙂

    – artbizness –
    Not sure I follow, I can read your text just fine….could you elaborate on your problem? Or did you already solve the issue?

    I’ve been trying to put background color code in the right place for the past half hour, so you may have caught it in one of those moments.

    But it still doesn’t look right.

    I’ve put it back to how it was. You can read the text, but it’s hard because of the background image. So what I would like is some white behind the text, headers, and sidebars, to block out the background image just in the places where there is text.

    gotcha…taking a look now 😉

    almost have it all…few more minutes

    ok, so you have to add a couple of attributes to your style.css file. Here it goes,
    Starting at line 170, just add or edit the bold line and add whatever color in the #000000 value –

    #contentleft {
    background: #000000;
    float: left;
    width: 476px;
    padding-left: 10px;
    margin-bottom: 30px;

    Starting at line 260, just add or edit the bold line and add whatever color in the #000000 value –

    #sidebarleft ul li a, #sidebarright ul li a, #footer ul li a {
    background-color: #000000;
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 10px 0px 10px 5px;
    border-bottom: 1px solid #e1e1e1;
    Starting at line 294, just add or edit the bold line and add whatever color in the #000000 value –

    ul li h2 {
    background-color: #000000;
    font-size: 1.4em;
    margin-top: 2.1em;
    margin-bottom: 0;
    padding: 0 0 0.7em 5px;
    border-bottom: 1px solid #e1e1e1;

    Let me know if that helps 😉

    Courtney Bostdorff

    AH! Badabing!

    You’re a complete star. 🙂

    Take a look – that’s much more what I want. The only thing I can’t work out is why the headers in the sidebars have that space above them – it looks a little weird.

    Also wondering if I add a little padding at the top and the right hand side of the text blocks, will I create more problems for myself (*cough* IE6 *cough*)?

    Also wondering – I’m happy to do as much tweaking as it takes to get it to look right, but at what point do you give up and look for a better template?!?

    It was the best one I could find, but I think I’m seeing why most of it was white. LOL

    ok…..one sec

    so add the following:

    after line 74 in 75 spot

    and remove the first 0 from line 301

    that should do it 😉

    Lol..just saw your other post….sometimes it’s definitely better to find a different template. You can go through my templates here http://premium-wordpress-themes.sitesires.com/ to see the ones that we’ve basically debloggified and decrypted the footers and made all the themes widget ready and are now in the process of XHTML and CSS Validating. Let me know if you like one and I’ll send you the files 😉

    I’m off to sleep! Ciao!

    OK, thanks for the help, but I think I’ve decided not to use a background image after all.

    I think that’s the problem sometimes you want to try something just to see if it will look right, and you can’t know until you’ve tried it.

    But thanks again – I think this will be useful for others who have the background text issue.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Background Color of Text Area’ is closed to new replies.
Skip to toolbar