changing background colours twenty twelve

• 

  lanason · Member · Jul 21, 2015 at 3:21 pm

  • Copy link
  • Add topic to favorites

  is there some code that allows all the various background element of colour to be changed on 2012?

  I found some last night but like an idiot I didnt save it

  The blog I need help with is: (visible only to logged in users)

• 

  musicdoc1 · Member · Jul 21, 2015 at 3:51 pm

  • Copy link

  Hi,
  I don’t know about such a code, but without code you may change the background color, or add a background image, at Customize > Colors & Backgrounds.

• 

  lanason · Member · Jul 21, 2015 at 3:53 pm

  • Copy link

  at the same time I changed the main menu bar but the SUB menu has wring colours – how do i change them?

  thanks musicdoc1 but Customize > Colors & Backgrounds. is too basic

• 

  musicdoc1 · Member · Jul 21, 2015 at 4:24 pm

  • Copy link

  You might wish to submit your questions to the CSS Customization forum.

• 

  timethief · Member · Jul 21, 2015 at 4:25 pm

  • Copy link

  This thread is in the CSS Forum.

• 

  musicdoc1 · Member · Jul 21, 2015 at 4:29 pm

  • Copy link

  Oops! Sorry.

• 

  timethief · Member · Jul 21, 2015 at 4:35 pm

  • Copy link

  I have done this myself many times so not to worry. :)

• 

  lanason · Member · Jul 21, 2015 at 6:25 pm

  • Copy link

  after that muscial interlude – lols

  does anyone have code for changing all the background colours in 20-12

• 

  timethief · Member · Jul 21, 2015 at 6:29 pm

  • Copy link

  Neither musicdc1 nor I provide CSS editing help. You will have to wait for another Volunteer or Staff to assist you here.

• 

  lanason · Member · Jul 21, 2015 at 6:49 pm

  • Copy link

  indeed i shall …..

• 

  thesacredpath · Member · Jul 22, 2015 at 1:32 am

  • Copy link

  Hi there, you can change the background color (outside the content area) at Appearance > Customize > Colors & Backgrounds. The content area has an RGB transparent white color applied to it. The easiest way to have it all the same color would be to set the color in the Customizer and then set the color to transparent in the content area with CSS. This would be the code to do that.

  .site {
      background-color: transparent;
  }

• 

  lanason · Member · Jul 22, 2015 at 4:10 pm

  • Copy link

  I want to be able to independently change the colour of each “panel”.
  Including the content areas,

• 

  thesacredpath · Member · Jul 22, 2015 at 8:51 pm

  • Copy link

  I’m not sure I understand what you mean by panel. Paste the following into your CSS in the Customizer. I’ve set a different color for all the main divs that make up a page. You can identify the divs by the colors I’ve used.

  .site {
      background-color: yellow;
  }
  .wrapper {
      background-color: cyan;
  }
  #colophon {
      background-color: lime;
  }
  .site-header {
      background-color: orange;
  }

  You already have a color set for the navigation.

• 

  lanason · Member · Jul 22, 2015 at 9:07 pm

  • Copy link

  Thanks again – is it possible to set colophon and .site-header to go right to the left and right of the page rather than leave a border down the side

• 

  thesacredpath · Member · Jul 23, 2015 at 7:45 am

  • Copy link

  First change you .site rule to this.

  body .site {
      background-color: #fff;
      padding: 0;
      max-width: 71.42854rem;
  }

  and then add the following

  #content {
      padding-right: 2.85714rem;
      padding-left: 2.85714rem;
  }
  #colophon {
      max-width: 100%;
      padding-left: 20px;
      padding-right: 20px;
  }
  hgroup {
      padding-left: 20px;
      padding-right: 20px;
  }

• 

  lanason · Member · Jul 23, 2015 at 7:55 am

  • Copy link

  now that looks a million miles better thank you
  now i can play with the colours !!!

  just one final thing is how do I “pad” the menu bar to just push it right a bit.

• 

  lanason · Member · Jul 23, 2015 at 11:24 am

  • Copy link

  ah its ok – Ive worked out how to do it myself now – I’m learning

• 

  wendyb106 · Member · Jul 23, 2015 at 4:02 pm

  • Copy link

  Thank you so much @thesacredpath I managed to change a bit more on my blog with your help here. Much appreciated.

• 

  thesacredpath · Member · Jul 23, 2015 at 9:02 pm

  • Copy link

  You are most welcome, and your site is looking great! Awesome job!