Provider customization - Revision history

Regify at 14:55, 11 August 2025

2025-08-11T14:55:50Z

Regify at 10:53, 22 May 2025

2025-05-22T10:53:40Z

Regify: /* Provider 4.0 - 5.2 */

2025-05-22T10:45:37Z

Provider 4.0 - 5.2

Regify: /* Using a custom font */

2023-01-25T11:15:12Z

Using a custom font

Regify at 11:14, 25 January 2023

2023-01-25T11:14:10Z

Regify: /* Basic color change / corporate identity */

2023-01-25T11:05:55Z

Basic color change / corporate identity

Regify: /* Provider 5.2 Logo */

2023-01-25T11:05:21Z

Provider 5.2 Logo

Regify: /* Basic CSS styles */

2023-01-25T11:03:13Z

Basic CSS styles

Regify: /* Provider Logo */

2023-01-25T11:03:05Z

Provider Logo

Regify: /* Basic CSS styles */

2023-01-25T11:02:50Z

Basic CSS styles

← Older revision		Revision as of 14:55, 11 August 2025
Line 1:		Line 1:
		+	'''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 ==		== Basic CSS styles ==

@@ Line 1: / Line 1: @@
 == Basic CSS styles ==
-In most cases, someone wants to adapt the provider interface to match his corporate identity (CI).
+Please note that the [https://manuals.regify.com/docs/provider/current/provider_customizing/ generic customization documentation for a regify provider is found on our manuals server].
 == Asian Fonts (Chinese) ==
@@ Line 15: / Line 17: @@
 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 "[https://fonts.google.com/specimen/Dosis Dosis-Regular.ttf]" in the "Change provider appearance and templates" -> "Customize provider optics". Upon this, we edited '''_customize.css''' to contain this:
+For example, we uploaded '''[https://fonts.google.com/specimen/Dosis 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';
@@ Line 28: / Line 30: @@
 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.
@@ Line 36: / Line 42: @@
   */
   .NavLogo {
       background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */
+  }

← Older revision		Revision as of 10:45, 22 May 2025
Line 39:		Line 39:
	background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */		background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */
	}		}
−
−	~~== Provider 4.0 - 5.2 ==~~
−
−	~~=== Logo image ===~~
−	/**
−	* Standard CSS for adapting to your logo.
−	* Please upload the logo using the image folder first.
−	*/
−	~~#logoWrapper #logo {~~
−	~~/* Works from provider version 4.0 to 5.2! */~~
−	~~background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */~~
−	~~background-position: 1.25rem 0;~~
−	~~background-repeat: no-repeat;~~
−	~~background-size: 100% auto;~~
−	}
−
−	~~=== Basic color change / corporate identity ===~~
−	/**
−	* CSS for basic color adaption
−	* Works from provider version 5.2 upwards!
−	* Just replace #666666 with your favorite color!
−	*/
−	~~div.helpboxTop,~~
−	~~button,~~
−	~~.button,~~
−	~~a.button,~~
−	~~#MainBody a.button,~~
−	~~input[type="submit"],~~
−	~~input[type="button"],~~
−	~~.downloadButton,~~
−	~~.upload-form-header,~~
−	~~#Navigation,~~
−	~~#navigation-wrapper {~~
−	~~background-color: #666666;~~
−	~~color: white !important;~~
−	}
−	~~a.main-menu-active-link .navIconStyle,~~
−	~~a:hover .navIconStyle,~~
−	~~#MainBody h1,~~
−	~~#MainBody h2,~~
−	~~#MainBody a,~~
−	~~p.headline,~~
−	~~.Footer h1,~~
−	~~.Footer h2,~~
−	~~.headline2,~~
−	~~#SiteMainNavigation a:hover p,~~
−	~~#SiteMainNavigation a.main-menu-active-link p,~~
−	~~#sideMenu a.submenu-icon::before,~~
−	~~#sideMenu a.active-sidemenu-link,~~
−	~~#sideMenu a:hover,~~
−	~~.TabElementSelected,~~
−	~~.iconActionStyle,~~
−	~~.actionIconStyle:before,~~
−	~~.iconStyle,~~
−	~~div.Mandatory,~~
−	~~div.BubbleHelp::before~~
−	{
−	~~color: #666666 !important;~~
−	}
−	~~#sideMenu a.active-sidemenu-link {~~
−	~~border-left-color: #666666;~~
−	}
−
−	~~/* For the pay.php special page */~~
−	~~.box-header,~~
−	~~div.downloadBox,~~
−	~~div.underline {~~
−	~~background-color: #666666;~~
−	}
−	~~.box-header h1 {~~
−	~~color: white !important;~~
−	}
−	~~.document-uploader #upload-html5-on div,~~
−	~~.document-uploader #regibill-html5-on div,~~
−	~~#upload-drop-zone,~~
−	~~.TabElementSelected {~~
−	~~border-color: #666666;~~
−	}
−
−	~~/* Adapt the help icon if you like */~~
−	~~div.BubbleHelp {~~
−	~~display: inline;~~
−	}
−
−	~~div.BubbleHelp:before {~~
−	~~font-family: iconFont;~~
−	~~font-size: 1.3rem;~~
−	~~font-weight: normal;~~
−	~~background-color: transparent;~~
−	~~display: inline-block;~~
−	~~content: '\e09a';~~
−	~~color: rgb(57, 118, 213);~~
−	}
−
−	~~To use the above CSS for your colors, just replace #666666 by the color value you like (eg your main corporate identity color).~~

@@ Line 15: / Line 15: @@
 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 "[https://fonts.google.com/specimen/Dosis Dosis-Regular.ttf]" in the "Change provider appearance and templates" -> "Customize provider optics". Upon this, we edited '''_customize.css''' to start like this:
+For example, we uploaded "[https://fonts.google.com/specimen/Dosis 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';
@@ Line 26: / Line 26: @@
+  }
-By this, we were able to set this font for several headlines. You may also want to set different sizes. For this, use standard CSS classes.
+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 ==

@@ Line 3: / Line 3: @@
 In most cases, someone wants to adapt the provider interface to match his corporate identity (CI).
-== Provider 5.2 Logo ==
+== Asian Fonts (Chinese) ==
   /**
   * Standard CSS for adapting to your logo.
   * Please upload the logo using the image folder first.
   */
-  #logoWrapper #logo {
+  .NavLogo {
-      /* Works from provider version 4.0 to 5.2! */
+      /* Works from provider version 5.3 upwards! */
       background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */
+  }
-== Provider 5.3 Logo ==
+== Provider 4.0 - 5.2 ==
   /**
   * Standard CSS for adapting to your logo.
   * Please upload the logo using the image folder first.
   */
-  .NavLogo {
+  #logoWrapper #logo {
-      /* Works from provider version 5.3 upwards! */
+      /* Works from provider version 4.0 to 5.2! */
       background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */
+  }
-== Basic color change / corporate identity (provider 4.0 to 5.2) ==
+=== Basic color change / corporate identity ===
   /**
   * CSS for basic color adaption
@@ Line 105: / Line 134: @@
 To use the above CSS for your colors, just replace #666666 by the color value you like (eg your main corporate identity color).

← Older revision		Revision as of 11:03, 25 January 2023
Line 2:		Line 2:

	In most cases, someone wants to adapt the provider interface to match his corporate identity (CI).		In most cases, someone wants to adapt the provider interface to match his corporate identity (CI).
−
−	~~For '''provider 5.2''', we suggest to use this template for your '''_customized.css''':~~
−
−	~~For '''provider 5.3''', we suggest to use this template for your '''_customized.css''':~~

	== Provider 5.2 Logo ==		== Provider 5.2 Logo ==

@@ Line 7: / Line 7: @@
 For '''provider 5.3''', we suggest to use this template for your '''_customized.css''':
-== Provider Logo ==
+== Provider 5.2 Logo ==
   /**
   * Standard CSS for adapting to your logo. Please upload