Introduction

The CoreOne Authentication Service comes with a simple default design, that you then can change in accordance to your CI/CD. One of the most common tasks in that process is to change the default logo.

Step 1- Prepare your logo

We highly recommend that you use a png logo that is to scale. So don’t choose a high resolution image of your logo, as this logo has to transmitted to the clients which might be on a low internet connection. The default logo container is 378 pixels wide, so aim for that.

Step 2 - Copy the logo to the server

You can place the logo with the name logo.png in the following directory:

C:\ProgramData\itsense\Templates\CoreLogin\general\img

If you place it here, the logo will be used for all clients. If you want to only replace it for a specific client, choose the appropriate path. For example:

C:\ProgramData\itsense\Templates\CoreLogin\clientspecific\taxapplication\img

Step 3 - Apply any css changes needed

Depending on your needs and your logo, you might want to add additional styling. For example you could resize the logo or add a margin-bottom or similar. You can do this by adding the appropriate changes to the following css file:

C:\ProgramData\itsense\Templates\CoreLogin\general\css\customerspecificstyles.css

For example you could change the height of the logo to 70px by applying the following css:

.layoutLogo {
  height: 70px !important;
}

Step 4 - Recycle app pool

All the styles, logos and other resources are cached by the CoreOne Authentication Service. To make the changes public, you will need to recycle the app pool of the service in the web server.