The stylesheet (1 min)

In this video we look at how to edit the stylesheet.

The stylesheet is published along with your website. Nothing is added or changed in the stylesheet, you get exactly what you have written.

The stylesheet can contain whatever you want, but certain ids and classNames have special functions within iCode.

Zones

Each of up to ten zones has the id cms_zone_[0-9]
The width of any zones you are using must be specified in the stylesheet in pixels.

e.g.
#cms_zone_3{width:400px}

Inline styles

.inline_[whatever_text_you_want]

Inline styles are implemented by applying the className to a <B> tag. This means that you may need to apply a font-weight to remove the default behaviour. The text "whatever_text_you_want" will appear in the drop down list in the text editor.

e.g.
.inline_highlighter_pen{
  background:yellow;
  font-weight:normal;
}

Sitemap

.cms_sitemap_folder
.cms_sitemap_page

See also: how to create a sitemap.

Freestyle sections

Each freestyle section is contained within a DIV having the classNames cms_freestyle_section and cms_freestyle_layout_n where n is the layout:

1. Image top left, text wrapped
2. Image top right, text wrapped
3. Image top left
4. Image top centre
5. Image top right
6. Image bottom left
7. Image bottom centre
8. Image bottom right
   

Images in freestyle sections have the className cms_freestyle_image.

The image and caption text are enclosed in a DIV with className cms_freestyle_caption.

Gallery sections

.cms_gallery - DIV containing gallery section
.cms_gallery_caption - DIV containing the image and caption text
.cms_gallery_image - image in gallery section

Pasted tables

.cms_table
.cms_th
.cms_tr
.cms_th