'Template CSS' Tab
Previous Topic  Next Topic 

*Note:  If your template uses an attached CSS style-sheet, you MUST be sure to include the path to your style-sheet in your template header.  You MUST name the style-sheet in each of your Home Page, Silo Index Page, Article Page and Site Map HTML template code 'style.css' for your template to function properly.


Also, if you choose 'Full-Path' in your Theme Details - File Structure preferences, you will most likely need to enter the path to your style-sheet as '../style.css' in your Silo Index Page HTML and Article Page HTML template code (depending on your web server).


If you choose 'Virtual', the path to your style-sheet will be 'style.css' for all pages of your template.


If you choose 'Hybrid', the path to your style-sheet will be '../style.css' for the Silo Index Page HTML, and 'style.css' for the Home Page HTML, Article Page HTML, and Site Map HTML template code.


See the ThemeMatic supplied templates for examples of this.


*Critical Note:  If you start off by selecting 'Full-Path' in your File Structure preferences (for example) and later switch to 'Virtual' or 'Hybrid' (or vice-versa), you will need to re-code your template(s) with the correct path to your style-sheet per the above instructions for each template page (Home Page, Silo Index Page, Article Page and Site Map).  You will need to click the 'Select Template' button under the 'Choose Template' tab after making the template code modifications to assign the template changes to your current Theme.  Any existing customization of your template for the given Theme will be lost.  You will also need to drill into each Silo and Article to re-create the proper page URL's before re-uploading your site.


It is NOT recommended to change the File Structure preferences once a selection is made.


1) Click the 'Template CSS' tab and paste in your template's CSS style-sheet code:





2) If your style-sheet references a header-graphic image, be sure it is named 'header.gif' in your style-sheet code.


*Note:  The file name and path to your header-graphic image must be 'header.gif' (it will be uploaded to the root directory of your site) and not '../header.gif'.  However, if your header-graphic image is referenced by your template pages and NOT in the CSS style-sheet, you may need to use the '../header.gif' path depending on your File Structure Preferences.