CSS

The application allows you to set your own CSS - Cascading Style Sheets - in the user interface.

The CSS is shown in a table structure.

Name Context Active Actions

Create a new CSS

At the top right, click on the New CSS icon.
Fill in the fields.
- Name.
- The context can be frontend or mobile.
- Active.
Click the Create button.

Edit a CSS

Click on Edit CSS icon.
Modify the fields.
Click the Edit button.

Delete a CSS

Click on Delete CSS icon.
Click the Delete button.

Clone a CSS

Click on Clone CSS icon.
Modify the fields.
Click the Clone button.

Download a CSS

Click on Download CSS icon.
After a few seconds, a CSS file will be downloaded.

Samples

Large font sample

body, td, a, p, div, input, textarea, select, b-tab {
  font-size: 1.2rem !important; /* also can be used: 14px */
  font-weight: 400; /* Standard weight */
}

Medium font sample

body, td, a, p, div, input, textarea, select, b-tab {
  font-size: 1.1rem !important; /* also can be used: 13px */
  font-weight: 400; /* Standard weight */
}

Arabic sample

/*
 * Notes about some attribute values:
 * font-size: 1.2rem !important;      // Also can be used 14px;
 * font-weight: 400;                  // Standard weight value
*/
body, td, a, p, div, input, textarea, select, b-tab, button, ion-app, ion-menu, ion-header, ion-item, ion-content, ion-footer, ion-label {
  font-size: 1.2rem !important;
  font-weight: 400;
  font-family: "Noto Kufi Arabic" !important;
}

/* Properties */
li, td, th {
  font-size: 1.2rem !important;
}

/* breadcrumb */
li.breadcrumb-item.mt-1 a {
  font-size: 1.2rem !important;
}
#rootNodes div {
  min-height: 35px !important;
}

/* navbar */
#okm-mainMenu .navbar-nav > li.active > a {
  padding-top: 12px !important;
  padding-bottom: 11px !important;
    line-height: unset !important;
}

#okm-mainMenu .navbar-nav > li > a {
  padding-top: 12px !important;
    line-height: unset !important;
}

/* search */
.okm-forceEmptyLabel-topPadding {
  padding-top: 18px !important;
}

/* button */
.btn-group.okm-small-button > button {
  height: 30px !important;
}

/* verticalbar */
.okm-headerIcon-rtl {
  padding-bottom: 125px !important;
}