Help changing background color to a background image.

  • I need help changing my background color to an image.

    I looked at my style sheet, but wasn’t sure if I had the right code. Or will I need to add my own code to insert my image.

    https://www.myimoogi.com

    Here is the code I thought I would need to replace. I inserted my image here but nothing happened.

    body{background:#000 url(images/bg.png) repeat-x center bottom

    I searched the forum before I posted my question and the reply that was relevant was from 4 years ago and didn’t apply to the current version of wordpress.

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

  • first of all check bg.png exist in images folder.
    then use this in style.css
    body{background:#000 url(images/bg.png) repeat-x center bottom}

    the css code you’re using is correct…make sure you have the image bg.png in the images folder..maybe you’ve made a mistake while naming it?

    body{background:#000 url(images/bg.png) repeat-x center bottom

    Silly Question?

    You do have the style closed correctly ( closing Brace ; } )

    body{background:#000 url(images/bg.png) repeat-x center bottom; }

    HTH

    David

    oh damn…the second one was correct though..

    Thread Starter myimoogi

    (@myimoogi)

    Thank you everyone for the help.

    My file is in the right place and I do have a closing brace.

    My challenge maybe just exists with the theme that I’m using. I’ve done this with other themes and have had no problem.

    Will continue to work on it.

    Hi,
    The background image at the moment is the pink banner, url(“https://myimoogi.com/myblog/wp-content/uploads/artistic_03.jpg”)

    you also have a disabled page/header background!

    myimoogi.com (line 8)
#page {
    background-image: none;
}

style.css (line 29)
#page {
    background: url("images/header.jpg") no-repeat scroll center top transparent;
}

    So is there is a theme option style which is set after the style.css, can you not just replace it there, likely in header.php?

    The other option is to overide it by making it !important and losing the pink banner!

    body{
background:#000 url(images/bg.png) repeat-x center bottom !important;
}

    HTH

    David

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Help changing background color to a background image.’ is closed to new replies.