Customizing the page using CSS

You can customize a page using the CloudIO Global CSS setup.

  1. In the top-right corner of the menu bar, click . The Navigation menu is displayed.

  2. Under the Administration role group, click Setup. The Setup page is displayed.

3. From the left pane of the page, navigate to the Global CSS tab.

4. To customize your page, you can edit the existing styles or add new ones.

5. On the top-right corner, click Save.

circle-exclamation

Examples to customize the page using CSS:

Custom CSS for background:

Syntax:

Example:

Declare global CSS for pre-defined class:

Syntax:

Example:

Define custom class:

Syntax:

Example:

circle-info

A class may consist of white space which needs to be replaced with dot(.) operator.

HTML tags like label, span, ul and li and many more, sometimes will not have a class defined for them. You can define your own custom class for those tags and customize the page as per your requirements.

Last updated