Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I use the twenty twelve theme and I would like to change the background color manually by modifying the right files in the plugins folder. However, I can not find what to change in the style.css file. I even tried to modify the background color through the Wordpress interface to #e50000. After that, I looked for a line containing e50000 in my wordpress directory, but there seems to be none.

I can't figure out which line to change in my wordpress directory to change the background color.

share|improve this question
add comment

4 Answers

up vote 5 down vote accepted

The background is a option. You can set colors and also images. See in the Administration area, Appearance --> Background

enter image description here

enter image description here

Also you can use the Live Preview link on the theme and customize the background and other otpions. enter image description here

share|improve this answer
    
Sorry if I was not clear in my question. I wanted to manually change the background color of the theme by modifying the right files in the plugins folder. I edited the question. –  Gradient Jan 4 '13 at 9:25
    
The values was not in the theme folder, was set via option and add to the head in frontend. If you will change this without the default option, then set a background-color to the body tag, like: body { background-color: #e50000 !important; }. –  bueltge Jan 4 '13 at 10:18
    
thank you! I didn't know about !important in css! –  Gradient Jan 4 '13 at 10:26
add comment

Changing the theme background color can be done with the build in theme customizer. Go to themes->customize. On the left you will see the customize options.
In the colors tab you will find the background color.

No need to code this ;)

share|improve this answer
    
This looks like a poor duplicate of @bueltge's answer –  bungeshea Jan 4 '13 at 10:00
    
I think he was at the same moment as my answer ;) –  bueltge Jan 4 '13 at 10:19
    
I was first ;) but his is a better answer obviously. –  janw Jan 4 '13 at 12:06
add comment

When you change the background color through the dashboard (as mentioned by @bueltge), it is echo'd directly into the site head using <style> tags. You can override the background color in your style.css by setting it on the body element:

body {
    background-color: #efefef !important;
}

The !important part ensures that the color specified in style.css overrides the one set in the dashboard.

share|improve this answer
    
Might be stupid, but can I ask you how you set the background color to none in the dashboard? If you mean deleting the color number entirely, it doesn't seem to be right, because a strange light blue color is then displayed in the background. –  Gradient Jan 4 '13 at 10:17
    
See updated answer –  bungeshea Jan 7 '13 at 10:35
add comment

Easy. In the twentytwelve theme, search for this:

.site {
    padding: 0 24px;
    padding: 0 1.714285714rem;
    background-color: #888;
}

And change the background-color to what you'd like it to be.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.