Back

Customising Bootstrap Themes


Themes using the popular Bootstrap framework help make standards-compliant and responsive Web Pages that are consistent across web browsers.

Themes that use Bootstrap as their Framework are available to download from within the Verj.io Studio and have been designed to be easily customisable.

All colours used throughout a Bootstrap-based Theme are defined in the colours.scss file. These use Bootstrap’s standard variables to overwrite the colours that Bootstrap classes generate.

Fonts used throughout the Bootstrap-based Theme are defined in the fonts.scss file. These use Bootstrap’s standard variables to overwrite the fonts, including their size and weight, that Bootstrap classes generate.

A Theme’s Presentation Template contains a large collection of Property Sets to help style your pages. Property Sets use standard Bootstrap classes, so changing the colours and fonts in their respective .scss files will be reflected in the Property Sets.

The default Property Set for each Control type can be changed and more Property Sets added to suit your application.

Changes to the Presentation Template should be copied into all other Themes that may be switched to as part of your application. This is as simple as coping the changed Presentation Template and pasting it into the other Themes.