{"id":20407,"date":"2024-02-08T09:13:18","date_gmt":"2024-02-08T08:13:18","guid":{"rendered":"https:\/\/help.openbee.com\/open-bee-portal\/administrators-guide\/customization\/"},"modified":"2026-05-13T10:47:47","modified_gmt":"2026-05-13T08:47:47","slug":"customization","status":"publish","type":"page","link":"https:\/\/help.openbee.com\/en\/open-bee-portal\/administrators-guide\/customization\/","title":{"rendered":"Customization"},"content":{"rendered":"\n<p>This interface allows you to customize visual and textual elements of the user interface.<\/p>\n\n<p>To access it, click on &#8220;<strong>Administration<\/strong>&#8221; &#8220;<strong>Customization<\/strong>&#8220;.<\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/help.openbee.com\/wp-content\/uploads\/2026\/03\/273356230-translated.jpg\" alt=\"\"\/><\/figure>\n\n<p>To validate each action\/modification made in this section, please click on the button: &#8220;<strong>Save<\/strong>&#8221; at the bottom of the page.<\/p>\n\n<p><strong>1\/ Name of the &#8220;My Documents&#8221; folder: the &#8220;My Documents&#8221; folder <\/strong>contains the personal folders of all users.<strong> This gives each user a space in which to store their personal documents. This field allows you to change the term &#8220;<strong>My Documents<\/strong>&#8221; for all screens in the application.<\/strong><\/p>\n\n<p><strong>2\/ Primary color: <\/strong>allows you to change the color present in the menu, on the login page as well as on most screens.  <\/p>\n\n<p><strong>3\/ Secondary color: <\/strong>allows you to change the color present on the buttons of the authentication screens and the dashboard.  <\/p>\n\n<p><strong>4\/ Tertiary color: <\/strong>allows you to change the color present in the menu dots as well as in the header.<\/p>\n\n<p><strong>5\/ Product name: <\/strong>allows you to customize the term Open Bee\u2122 Portal in all the places where it is present (email, footer, header, etc.).<\/p>\n\n<p><strong>6\/ Authentication &#8211; Default text:<\/strong> allows you to customize the text displayed to all users on the authentication screen. If the default option is checked, the default (translated) text will be displayed.  <\/p>\n\n<p><strong>7\/ Authentication &#8211; Title color:<\/strong> allows you to customize the color of the title displayed on the authentication screen.<\/p>\n\n<p><strong>8\/ Authentication &#8211; Description color:<\/strong> allows you to customize the color of the description displayed on the authentication screen.<\/p>\n\n<p><strong>9\/ Authentication &#8211; Image: <\/strong>allows you to customize the image of the authentication screen. The color and opacity of this image can be changed to make the text more readable.<\/p>\n\n<p><em>It is recommended to select an image with a maximum resolution of 1700*1500px that does not exceed 1MB.<\/em><\/p>\n\n<p><strong>10\/ Logo: <\/strong>allows you to customize the logo of the application on the login screen, in the menu and in emails.  <\/p>\n\n<p><em>The logo must not exceed a size of 325&#215;60 and cannot be less than or equal to 240&#215;40.<\/em><\/p>\n\n<p><strong>11\/ Favicon:<\/strong> allows you to customize the icon in the browser bar.  <\/p>\n\n<p><strong>11\/ Company logo: <\/strong>allows you to customize the company logo. It is used as a replacement for the app logo in case of a retracted menu.<\/p>\n\n<p><\/p>\n\n<p>Here are two illustrations of the interface elements that can be modified by these different parameters:<\/p>\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/help.openbee.com\/wp-content\/uploads\/2026\/03\/image-51-translated-1024x645.png\" alt=\"\" class=\"wp-image-16498\" style=\"width:840px;height:529px\"\/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/help.openbee.com\/wp-content\/uploads\/2026\/03\/image-52-translated-1024x481.png\" alt=\"\" class=\"wp-image-16501\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This interface allows you to customize visual and textual elements of the user interface. To access it, click on &#8220;Administration&#8221; &#8220;Customization&#8220;. To validate each action\/modification made in this section, please click on the button: &#8220;Save&#8221; at the bottom of the page. 1\/ Name of the &#8220;My Documents&#8221; folder: the &#8220;My Documents&#8221; folder contains the personal [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":20157,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20407","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/pages\/20407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/comments?post=20407"}],"version-history":[{"count":10,"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/pages\/20407\/revisions"}],"predecessor-version":[{"id":38738,"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/pages\/20407\/revisions\/38738"}],"up":[{"embeddable":true,"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/pages\/20157"}],"wp:attachment":[{"href":"https:\/\/help.openbee.com\/en\/wp-json\/wp\/v2\/media?parent=20407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}