WordPress.org

Ready to get started?Download WordPress

Forums

Change Background Color (10 posts)

  1. ImprovingNow
    Member
    Posted 1 year 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?

  2. Diomedes
    Member
    Posted 1 year 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;
    }`

  3. ImprovingNow
    Member
    Posted 1 year 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...

  4. J
    Member
    Posted 1 year ago #

    Hi there,

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

    Cheers
    J

  5. ImprovingNow
    Member
    Posted 1 year 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.

  6. Diomedes
    Member
    Posted 1 year ago #

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

  7. J
    Member
    Posted 1 year 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?

  8. ImprovingNow
    Member
    Posted 1 year 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...

  9. J
    Member
    Posted 1 year 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

  10. ImprovingNow
    Member
    Posted 1 year 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!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.