I can't seem to change the background color for this theme.

I did a search for "background" in the style.css file and changed the color codes there but it did not change the color of the background.

Comments

vm’s picture

link to site?

2 good tools to have on hand

firefox browser with the firebug add on. They help a great deal with locating and manipulating css.

DrupalDarling’s picture

http://votejoyc.server273.com/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Q: What did you use to create that GREAT site?
A: It's Drupal, Darling!
www.drupaldarling.com

vm’s picture

the coloring is coming from style.css

line 969

#main_body {
background-color:#FFFFFF;
color:#000000;
width:100%;
}

The above I colored the background white and the text black. That handles the main body.

the header color can be changed altering

line 897

#main_header {
background:#0A2B43 url(/themes/appleweb/images/bg.gif) repeat-x scroll 0 0;
color:#FFFFFF;
height:216px;
margin:0 auto;
width:100%;
}

when using firebug
turn it on
inspect the element and find the necessary divs you will then be shown where the css is being called.

DrupalDarling’s picture

Thank you very much!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`
Q: What did you use to create that GREAT site?
A: It's Drupal, Darling!
www.drupaldarling.com

murpheus’s picture

I would like to increase the width of the whole header and the whole body content as well as change the header picture as I would like to put the logo of the company I'm designing for.

Please what do I need to tweek in the css file.