Theme overrides involve replacing or overriding theme files – the files that control the appearance and behavior of your current theme.

All themes use the following file and folder structure. For information on how you can customize the theme files, click one of the links below.

ArtTextTemplates

Folder containing ArtText style files.

See Customizing ArtText styles in themes

CMS

Folder containing files that define wrapper templates for the basic minimal building blocks for themes – custom layouts, layouts, placeholders, gadgets. Please do not modify these without deep understanding of what you are doing – it might lead to editing issues.

See Customizing theme controls

Controls

Folder containing files that define the appearance and behavior of various controls, including Captcha, Divs, Form, FormHelpers, MessageBox, and StyledWrapers. Please do not modify these without deep understanding of what you are doing.

See Customizing theme controls

Gadgets

Folder containing files defining the appearance and behavior of gadgets. To add new gadget to the system, you need to create a new folder within the Gadgets folder.

See Customizing theme gadgets

BackgroundImages

Folder containing image and configuration files for theme backgrounds.

See Customizing theme background options

Images

Folder containing images for the theme, including all the icons and images used on the sample pages (e.g. DefaultLogo.png).

MasterLayouts

Folder containing the master layouts for the theme.

See Customizing master layouts

PointAndClickSettings

Folder containing files defining the options and default values appearing on the Colors and Styles screen.

See Customizing Colors and Styles options for themes

Scripts

Folder containing JavaScript files that are added to the PageModel.Scripts collection, which is referenced in Head.tpl and iterated in Links.tpl.

See CSS, LESS, and JavaScript processing

Styles

Folder containing CSS and/or Less files defining the theme's HTML styles.

See CSS, LESS, and JavaScript processing

SystemContentTemplates

Folder containing dummy  template placeholders for gadgets without valid HTML templates. Please do not modify these without deep understanding of what you are doing.

__SystemConfig.cfg

Stores the themeset name which current theme belongs to. Do not modify this file when customizing an existing theme.

See Customizing other aspects of the theme

Colors.cfg

List of colors used in or compatible with the theme. These colors appear at top of the color window when setting text or background colors.

See Customizing other aspects of the theme

DividerStyles.cfg

List of dividers for the theme.

See Customizing other aspects of the theme

FontStyles.cfg

List of text styles that are available from the content editor.

See Customizing other aspects of the theme

FormatStyles.cfg

List of paragraph styles that are available from the content editor.

See Customizing other aspects of the theme

GadgetStyles.cfg

List of gadget styles. Does not apply to system gadgets or singular gadgets. If you want to add special styles or different set of styles for a specific gadget, you can add your own GadgetStyles.cfg to the appropriate gadget folder (within the Gadgets folder).

See Customizing gadget styles in themes

Head.tpl

Common template called by MainTemplate.tpl.

See Theme and page generation process

Links.tpl

Iterator template called from Head.tpl to process a collection of elements (e.g. a list of menu items).

See Theme and page generation process

LinkStyles.cfg

Button styles for links.

MainConfig.cfg

Main configuration file. Do not modify this file when customizing an existing theme.

See Customizing main theme parameters

MainTemplate.tpl

Main theme template, and your site page's main entry point.

See Theme and page generation process

preview.jpg

Theme preview image (348 x 312 pixels) appearing on theme selection screen. Its name can be changed in MainConfig.cfg.

See Customizing main theme parameters

preview_thumb.jpg

Theme preview thumbnail (103 x 92 pixels) appearing on theme selection screen. Its name can be changed in MainConfig.cfg.

See Customizing main theme parameters