Provider customization

NOTE: This page is deprecated for provider 6.0 or higher as its content can be found in customization manual at https://manuals.regify.com.

Basic CSS styles

Please note that the generic customization documentation for a regify provider is found on our manuals server.

In most cases, someone wants to adapt the provider interface to match his corporate identity (CI). The color is easily adapted in the administration dialogs. But some special hints can be found here:

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.

Logo image

There are two logos in a regify provider:

1. One delivered to the client software. For this, please follow the official logo guide!.
2. The second in the one for the provider web portal. For this, first upload the image you want in your customizing dialogue. make sure it is not too big. Ideally, it fits the later target size.

Upon it was uploaded, you can place it like this:

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