Need help? Check out our Support site, then


Background color of a single page

  1. Hi.

    I want to change the background color AND text box color to black on a SINGLE page of my blog.

    This page: http://bigricefield.com/kouta/

    How can I find the unique indentifyer on that page? I've changed the textbox color on all of my pages. But I would just like to change one.

    The blog I need help with is bigricefield.com.

  2. Oh. And I'm using the 2011 Theme.

  3. Start with this and see what you think. I've taken the liberty of making the background behind the content and images a very dark grey and then the body background is black. This sort of helps to define or contain the content and header rather than just letting the elements float in inky blackness. If you wish to try them in black, it is the second bit of the CSS I've given below with the #222222 background color code. I've also left some borderlines white as well.

    body.page-id-14 {
    background: #000000 !important;
    }
    
    .page-id-14 #primary, .page-id-14 #main, #branding {
    background: #222222;
    }
    
    .page-id-14 #branding {
    background: #000000;
    }
    
    .page-id-14 #site-generator {
    background: #333333;
    color: #DDDDDD;
    }
    
    .page-id-14 #site-generator a, .page-id-14 #reply-title {
    color: #DDDDDD;
    }
    
    .page-id-14 .entry-title {
    color: #DDDDDD;
    }
    
    .page-id-14 div.sharedaddy h3 {
    color: #DDDDDD;
    }
    
    .page-id-14 #subscribe-label {
    color: #DDDDDD;
    }
    
    .page-id-14 .entry-content {
    color: #DDDDDD;
    }
  4. Wow! Thanks very very much. Another question (sorry I'm new at this):

    How did you figure out how to ID the page (.page-id-14)? Where/how can I identify the other pages?...Figure out the number that's associated with them. Is it simply a matter of looking through the source page and digging it out?

    Thanks again.

  5. The themes at wordpress.com have unique page and post classes defined for each page by page ID. If you look in the page source, in the list of classes in the opening body tag of the page or post, you will see the page id class. Most all themes here have this, and it gives, as you can imagine, a great deal of flexibility to someone. You could, if you wished, uniquely style each page of your site.

Topic Closed

This topic has been closed to new replies.

About this Topic