Background Image

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
11/8/2014 12:53:32 PM
Gravatar
Total Posts 9

Background Image

My website (http://sosfb.saveourstraysfortbend.org/) is based on the art42-businessblue2 skin. I have a background image (/images/SOS Website Background w Prints.png) that I would like to be a full page background image. I have tried:

html {

/* added this */
  background: url('images/SOS Website Background w Prints.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

/* this was already here*/
  -ms-text-size-adjust: 100%;
   /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */}

but it is not displaying the image. Do you have any suggestions on how I can get this image to display?

 

Thanks.

 

Don Sharp

11/10/2014 12:29:53 PM
Gravatar
Total Posts 9

Re: Background Image

Does anybody have any ideas about how to show a background image?

 

Thanks.

 

Don Sharp

11/10/2014 12:44:49 PM
Gravatar
Total Posts 18444

Re: Background Image

one thing

don't use spaces in any file name for files used in web sites, those have to be escaped with ugly escape characters in the url. use dash or underscore instead.

this applies to images, skin folder names, js files, css files or anything used in web sites

that may actually be the problem you are having in this case, so try changing that, otherwise you probably also need the escape characters in the url used in the css that points to the image

You must sign in to post in the forums. This thread is closed to new posts.