Trying to get a background image at the bottom right of my page

Remove the background rules from #theme-page and place them on the html element:

html {
background-color: #fff;
background-image: url("http://anewmachine.com/wp/wp-content/uploads/2015/03/big-gear.png");
background-position: right bottom;
background-repeat: no-repeat;
}

cheers,

gary

Hi, Gary - thanks for the reply. It certainly feels like that should work, but when I implement it, nothing shows up. Any reason you can think why that would be?

See this:

body {
  background-color: #fff;
}

Remove that rule and the html background can shine through.

I must have removed it while testing and forgot to mention it.

cheers,

gary

Gary, you are a real saint for continuing to look at this. So I set the body background-color to transparent

body {
    background-color: transparent;
}

and it still is not showing up. Sure is frustrating since your advice seems like it should make it work. Any other suggestions? Thanks!

Apparently you only removed the background-image property from #theme-page. Remove all the background rules.

#theme-page {
    background-color: #fff;
    background-position: right bottom;
    background-repeat: no-repeat;
}

g

So I see the gear now, but any reason it's not at the bottom of the page? Seems like that position right bottom ought to put it on the bottom, right? Sigh. Thanks again for any help!