Background color of a single page

  • Author
    Posts
  • #1184267

    seandlane
    Member

    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.

    #1184371

    seandlane
    Member

    Oh. And I’m using the 2011 Theme.

    #1184397

    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;
    }
    #1184406

    seandlane
    Member

    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.

    #1184408

    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.

The topic ‘Background color of a single page’ is closed to new replies.