Change Background Color

  • ImprovingNow

    (@improvingnow)


    13 years, 4 months ago

    Hi,

    I’m using ‘Expert Advice’ template, and I would like to change the background color, however I have not been able to do so.

    I have changed in the style.css file:

    body {
    background: #343434 url(images/pattern2.gif);
    color: #757575;
    font: 100%/1.375em Arial, Helvetica, sans-serif;
    position: relative;
    }

    to

    body {
    background: #ffffff
    color: #757575;
    font: 100%/1.375em Arial, Helvetica, sans-serif;
    position: relative;
    }

    But nothing changed…

    Can someone please help?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Diomedes

    (@diomedes)

    13 years, 4 months ago

    body {
background: #ffffff
color: #757575;
font: 100%/1.375em Arial, Helvetica, sans-serif;
position: relative;
}

    — I don’t know if it’s a copy-and-paste mistake but you don’t have a semi-colon after the background: #ffffff. It should be like this:

    `body {
    background: #ffffff;
    color: #757575;
    font: 100%/1.375em Arial, Helvetica, sans-serif;
    position: relative;
    }`

    Thread Starter ImprovingNow

    (@improvingnow)

    13 years, 4 months ago

    Hi, thanks for your response,

    copy-and-paste mistake here, I have semi-colon after the background: #ffffff; in my code, but still cannot see background color change…

    Jamie Gill

    (@patchgill)

    13 years, 4 months ago

    Hi there,

    do you have a link to your website so I can look into this for you?

    Cheers
    J

    Thread Starter ImprovingNow

    (@improvingnow)

    13 years, 4 months ago

    it’s http://www.fitimprove.com/wordpress

    It’s still empty as I dont want to migrate my website before I’m confident with wordpress. So I have created this folder to prepare the template.

    I really appreciate any help on this issue.

    Diomedes

    (@diomedes)

    13 years, 4 months ago

    Hmmm, will have to leave this to the experts. Just wildly guessing here, but have you tried adding a background: #fff; to #main?

    Jamie Gill

    (@patchgill)

    13 years, 4 months ago

    OK,

    I’ve had a look into it and the style you need to change is not the body in the custom style it is picking up 

    body.custom-background {
    background-attachment: scroll;
    background-color: #000000;
    background-image: url("http://fitimprove.com/wordpress/wp-content/uploads/2012/12/pattern2.gif");
    background-position: left top;
    background-repeat: repeat;
}

    So the body styles you are changing are irrelevant as they are been overridden by the above style. I used Firebug for Firefox to look into it and figure this out. Its not been called from a stylesheet I assume its custom built into the theme maybe it can be changed in the wordpress backend?

    Thread Starter ImprovingNow

    (@improvingnow)

    13 years, 4 months ago

    Thanks very much for helping on this.

    I couldn’t find this custom style code, so I just replaced the file with a white one however I still don’t see any change…
    Tried from the wordpress backend but still not changes…

    Jamie Gill

    (@patchgill)

    13 years, 4 months ago

    Hi Improving,

    What is the colors you wish to change? As the body color is not going to change the black header or the grey content areas. These are wrapped in there own individual div’s with there own background colors. If you can specify the colors you wish to change and I will have a look into this for you.

    Cheers
    J

    Thread Starter ImprovingNow

    (@improvingnow)

    13 years, 4 months ago

    Hi J,

    Thanks for helping!

    I re-set the theme to default and moved it to fitimprove.com however I still didnt manage to change the background color.

    I would like to change it to white!

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

The topic ‘Change Background Color’ is closed to new replies.