CSS

---

The CSS tab contains the CSS(Cascading Style Sheet) code that defines the look and style of your website.

Referencing Images in CSS
To reference an image in CSS, upload the image using the “Add New File” link and use the image name as the URL path.

Here's an example CSS property that references the image file "pattern.jpg": 

background: transparent url(pattern.jpg) repeat center top;

---

Including a Theme Header Image

To include a header image in your theme, include a div tag in your HTML with the class name "wsite-header".

Ex. 

If you include this <div> tag in your HTML, you can specify a theme header image in the CSS with a background property.  The image location should be referenced with banner-tall.jpg
  
For example, a header image CSS rule will look similar to this:

.wsite-header { background: transparent url(banner-tall.jpg) no-repeat center top; width:750px; height:250px; }

The image file should be uploaded to the “Files” section of the Theme Editor. In this case file name would be banner-tall and it is a .jpg file.

Note: You will have the option to change the default theme header image using the website editor, while editing each page.

Next: Creating page types