The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to center bg image? Reply To: How to center bg image?


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.

html {
background: url(yourimageurlhere) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

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.