Changing an image in the wrapper

  • sadonathan

    (@sadonathan)


    11 years, 11 months ago

    There was an image in the wrapper of a theme that I do not like and I want to put another image in the wrapper.

    For the div class wrapper I have

    #wrapper {
    background: url("images/tester.png") no-repeat scroll center top transparent;
}

    previously it had images/wrapper.jpg

    It is still pulling in the old pic
    I have even tried putting the actual url and adding a slash in the front making it /images/tester.png neither are working. It seems something is overwriting it but I am unsure where to look.

    I placed the image in the images folder for that theme /theme/the-theme-name/wp-content/images/this-is-where-i-put-it

Viewing 7 replies - 1 through 7 (of 7 total)
  • phe.le

    (@phele)

    11 years, 11 months ago

    Yes, that #wrapper is probably from another stylesheet. You can override it by adding !important to your new style.

    #wrapper {
    background: url("images/tester.png") no-repeat scroll center top transparent !important;
}
    Thread Starter sadonathan

    (@sadonathan)

    11 years, 11 months ago

    Still did not change anything

    phe.le

    (@phele)

    11 years, 11 months ago

    Hi sadonathan,

    Can you post a link to your website?

    Thread Starter sadonathan

    (@sadonathan)

    11 years, 11 months ago

    scarlettseo.com/testblog

    even deleted the old pic via ftp and it still shows up

    phe.le

    (@phele)

    11 years, 11 months ago

    There is also a custom background in your theme options. If you use “Inspect Element” from Chrome and point it to the body tag, you’ll see the custom background image (http://scarlettseo.com/testblog/wp-content/uploads/2014/05/sarratester.png).

    I don’t know what your theme looks like, but you can change it in the Dashboard, or override it with !important in styles.css

    body.custom-background {
background-image: url('images/tester.png') !important;
}

    Same with #wrapper:

    #wrapper {
    background: url("images/tester.png") no-repeat scroll center top transparent !important;
}
    Thread Starter sadonathan

    (@sadonathan)

    11 years, 11 months ago

    Called Hosting they said they were caching all my sites and it was preventing the changes. So I should be able to start over in a few hrs.

    phe.le

    (@phele)

    11 years, 11 months ago

    Good luck. It’s not very flexible that you need to call them every time.

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

The topic ‘Changing an image in the wrapper’ is closed to new replies.

Tags