Skip to main content

CSS for LibGuides Authors

Some tips and tricks for customizing your libguides with Cascading Style Sheet coding.

Body Backgrounds

BODY BACKGROUND-- REPEATED (TILED) IMAGE

body
{
background-image:url('url goes here'); 
background-repeat: repeat;
 }

BODY BACKGROUND -- FULL PAGE IMAGE TO FILL SCREEN

(Note: Large images, ca. 1000px height/width, work best if clarity is desired, 
but sometimes a small image, blown up to fill the entire page area, can produce 
an interesting background texture.)

body 
{ 
  background: url('image url goes here') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}