Construct Framework

Custom Style Sheet

At the core of using Construct is adding your unique look via a custom style sheet, which will be the basis of your custom template. Other common uses for the custom style sheet include:

• Declaring font family / font families
• Customizing the font sizes
• Change the positioning of core elements
• Changing core styles of Joomla or Construct
• Alter the template's layout

Once you have created your custom style sheet, it needs to be uploaded to the root of the /css directory within Construct (i.e. /templates/construct-unified/css). Once uploaded:

1. From the back-end of your Joomla site (administration), select Extensions -> Template Manager.
2. In the Template Name column, click on the name of the version of Construct that you are using.
3. In the General parameters panel, click on the Custom Style Sheet select list and select the name of your custom style sheet.
4. Click the Save or Apply toolbar buttons to save this setting.

There is an example custom style sheet, accompanied by example images and fonts, in the installation package. To use it, open the installation package and extract and upload the contents of example-template-pack.zip to the root of your template.

Your custom style sheet cannot use any of the following names, which are reserved for Construct.

• core-classes-ids.css
• diagnostic.css
• editor.css
• modal.css
• normal.css
• print.css
• rtl.css
• screen.css
• ie6.css
• wireframe.css
• mobile.css