Twenty Twelve Change single page color

  • Resolved wldwil

    (@wldwil)


    9 years, 12 months ago

    Using Twenty Twelve, I am trying to change the page color at https://bigwoods-realty.com/news/mobile/ I wam converting the entire site to WordPress. I only want to convert the color on this page for now and leave the rest white. With Chrome, I found the script:
    <body class=”page page-id-686 page-template page-template-page-… etc

    And am trying to use in my style sheet:

    body.page-id-686 {
  background-color: #FBF4E1 !important;
}

    I do have a child theme and am using Chrome tools in trying to figure things out, but am really struggling.

    Can you see what I missing?

Viewing 4 replies - 1 through 4 (of 4 total)

  • I didn’t see that rule in your child theme’s style.css file. The problem is that there’s a background-image property being set through the custom background option, so the image hides the color. Add this rule to the end of your child theme style.css file:

    body.custom-background.page-id-686 {
  background-color: #FBF4E1;
  background-image: none;
}

    You shouldn’t need the !important clause.

    Thread Starter wldwil

    (@wldwil)

    That works great on the background. I have it added to my personal tutorials.

    My goal was to change the page color behind the text in the body more than the background. This has me a lot closer, but am still tripping over something.

    How would you work something like this into it?

    #page {
background-color: #FBF4E1;
}

    Just add the id to it

    body.page-id-686 #page {
    background: #FBF4E1;
}
    Thread Starter wldwil

    (@wldwil)

    Huh, I thought I tried that, but must not have or missed something.

    I appreciate both your help. I do enjoy WordPress, but more when I understand it better and especially when people are kind enough to help out.

    Thanks to you both.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Twelve Change single page color’ is closed to new replies.