Theming

Sageframe contains a very simplified templating implementation. To make the process of creating templates as simple and flexible as possible, styles in Sageframe is divided into two parts: - template.css and layout.css, both located under CSS folder in template.

Sageframe template style sheet controls the overall framework structure and layout style sheet controls and enhances overall look and feel of the site as per your requirement. All style sheets in Sageframe are well managed and optimized so that anyone can easily modify it and get it to work. All classes begin with prefix CSS Class: cssClass are categorized into different categories and well commented in file itself assuming that user will find it easy in template integration.

Template.css Style Sheet:

Template.css style sheet file is located under CSS folder of Template. This CSS file is used to control core structure of SageFrame work. All styles required for main wrappers [structure] and admin parts are written in this style sheet. As framework does not give access to change class names in template so

Users are advised to change only properties or attributes of CSS classes as needed.  

Note: Sageframe cssClassWrappers width is 100% by default, and cssClassWrapperContent controls the width of the wrappers by aligning them in the center. You can modify the properties of the cssClass but the Class name should remain the same.

Basic structure of wrappers used in SageFrame work: