The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › How to center bg image?
I want to center the bg image (the red one). I try to put this background-position:center center; but its not working. Look here
That’s just a jpeg image.
It’s not an HTML document or anything else you can style with CSS.
We can’t diagnose an image…perhaps you could show us the issue in a reduced case Codepen.io demo.
Remove that image entirely from wherever it is, re-size the image if you can to get a good size I usually stick with 1920×1080. Next set the image to the html of your website.
background: url(yourimageurlhere) no-repeat center center fixed;
This will center your image and also make it responsive at the same time. I think the issue is your trying to set an image held in a wrapper to the whole sites background.