Hi, I'm trying to get a background image to align to the bottom right of a page and just cannot figure out how to do it. I can't figure out how the page is structured in order to force the image down there. Any ideas? The image is that of the red gear. Here's the link:
Remove the background rules
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
Seems like that should have worked
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?
It's a political cover up
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
Still no dice
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
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
This is killing me
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!