Controlling the background color and image

Member for

1 year 6 months
Submitted by AlReaud on Thu, 06/09/2011 - 14:10

The control for the color of the page background and the background image (if used), in the body area is in the Zen Starter Kit file css/page_backgrounds.css

Add your back-ground color or background image to the body tag at the top of the file change the default color.

body {
    background-color: #CCFF99;

The available background tags in CSS are:

background Sets all the background properties in one declaration
background-attachment Sets whether a background image is fixed or scrolls with the rest of the page
background-color Sets the background color of an element
background-image Sets the background image for an element
background-position Sets the starting position of a background image
background-repeat Sets how a background image will be repeated

Add new comment

The content of this field is kept private and will not be shown publicly.

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol type start> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <u> <s> <sup> <sub> <hr>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.
Enter the characters shown in the image.