Edit template package
This section is where you select which design package files you wish to edit.
Select Folder: Select the folder containing the file you wish to edit. Each design package contains a series of folders that separate the different types of design package files. When you first open the template package editor, you will see the list of files that are contained in the top-level folder of the design package - the page template and menu .xml files. The .config, .css and images files are all maintained in separate folders that you can access by clicking on this Select Folder drop-down.
File: This column lists the names of all of the files located in the folder you selected above. Locate the file you wish to edit and click on its name.
<Preview>: Click this link to see how the updated file will look when displaying your site's content.
Preview with content from/<<Select Page>>: If you want to see how a particular page within your site will look with the changes, check this checkbox and then click the <<Select Page>> link to select the desired page. Then each time you preview the changes, the selected page will be used for the preview.
Once you have made the desired changes to the design package files, you can Save as New all your changes to a brand new design package (this will ensure your original package remains in tact in case you need to revert to the previous design). Alternatively you can click Save All and overwrite the existing design package. If you do this you cannot revert to the previous design as you will have overwritten it with the new information.