Global CSS Tutorial

This tutorial describes how you can change the colour of the master header rendered for all pages in a web application.

The features, FSI API: Alerts, and JavaScript Swiper also employ changes to Global CSS.

Default Master header

Global CSS

The master header colour is controlled by the background value of #mast-header in the Global CSS file.

/*App Theme Colour */
#mast-header {
background: #6BC8C6;
}

To change the Master header colour:

  1. Select the web application version for editing.
  2. In the Editor page, select the Global CSS tab from the top menu.
  3. Add or edit the property in the code editor window.
  4. Click Save at the bottom of the page.

Note | When using the application after making changes to the global CSS, you must perform a forced clear of your browser’s cache. In most browsers, including Google Chrome, you can use Ctrl+F5.