Provider customization

Basic CSS styles

In most cases, someone wants to adapt the provider interface to match his corporate identity (CI).

Asian Fonts (Chinese)

/** 
* For enhanced Asian fonts.
* Use only if you plan to support Chinese!
*/
body {
    font-family: "Roboto","Microsoft JhengHei","Heiti TC","LiHei Pro Medium","PMingLiU",Arial,sans-serif;
}

Using a custom font

Beginning with regify provider 5, it is possible to upload a TTF font (.ttf) in your customizing dialogue. By this, you can then use it as a local font.

For example, we uploaded "Dosis-Regular.ttf" in the "Change provider appearance and templates" -> "Customize provider optics". Upon this, we edited _customize.css to contain this:

@font-face { font-family: 'Dosis';
           src: url('MYIMAGES/Dosis-Regular.ttf') format('truetype'); }
           
.panel-heading {
    /* this example works with provider 5.3 or higher */
    font-family: 'Dosis', sans-serif;
    font-weight: bolder;
}

By this, we were able to set this font for panel headlines. You may also want to set different sizes. For this, use standard CSS classes.

Provider 5.3

Logo image

/**
* Standard CSS for adapting to your logo. 
* Please upload the logo using the image folder first.
*/
.NavLogo {
    /* Works from provider version 5.3 upwards! */
    background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */
}