---
title: "Custom Site Branding"
slug: "custom-site-branding"
updated: 2024-10-22T09:01:05Z
published: 2024-10-22T09:01:05Z
canonical: "help.lanteria.com/custom-site-branding"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.lanteria.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Site Branding

You can customize your Lanteria HR site to display your logo and correspond to your corporate colors.

## Insert Your Logo

There are two ways to insert your logo to the Lanteria HR site - from your PC directly or upload it to the **Site Assets** library first. It is recommended that the logo file should be in the .png format and of the size about 100х80px or 120х100px. Maximum width may be up to 250px, depending on your logo style. The less details logo has, the bigger width is possible.

### Upload from Your PC

Follow these steps to upload a logo file from your computer:

1. Go to **Settings** > **SharePoint Settings** and under **Look and Feel**, click **Title, description, and logo**.![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1165.png)
2. On the page that opens, click **FROM COMPUTER**. ![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1166.png)
3. Click **Choose File** and select a file to be uploaded. Click **OK.**![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1167.png)

### Upload from Site Assets

In this case, you upload the logo to the **Site Assets** folder first and then specify the path to the uploaded file on the **Title, description and logo** page.

1. In your Internet browser, type in your Lanteria HR site address and then "es/SiteAssets/Forms/AllItems.aspx".![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1168.png)
2. Click **new documents**, choose file and click **OK**.
3. Go to **Settings** > **SharePoint Settings** and under **Look and Feel**, click **Title, description, and logo**.
4. Specify the path to your logo file under **Insert Logo**.![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1169.png)

## Change Lanteria HR Coloring Scheme

To change the site coloring scheme, follow the steps below:

1. Go to **Settings** > **Settings and Configuration** > **General** and then **Company Settings**.
2. On the **Development** tab, locate the **Base Color** setting. ![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1170.png)
3. Specify the color in the HEX format. Use any of the available online converters to convert RGB into HEX or learn which HEX code corresponds to your brand color.
4. Click **Apply Changes**. The color will be applied to the main menu pane, as well as menu links. ![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1171.png)

## Change Coloring Scheme for Candidate Self-Service

To change colors for the Candidate Self-Service site, the .css file must be modified on the site where the site is installed. Follow these steps:

1. First of all, define what will be changed. Open your Candidate Self-Service site.
2. Next, right-click the page and then click **Inspect**.![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1173.png)
3. Click the arrow icon and select the part of the page whose color will be changed.![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1174.png)
4. Click the color icon and select the desired color.![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1175.png)
5. Next, this color change must be recorded in the .css file to be applied to the site. Right-click the changed code and click **Copy rule**. ![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1176.png)  
The following code will be copied.  
#header .header-page-title {  
padding: 20px 0;  
background: #2bbd3e;  
color: #ffffff  
 }
6. Locate the custom-styles.css file where all the custom site changes are stored. On the server where the Candidate Self-Service is installed, locate the APP folder and then the wwwroot/css/custom-styles.css file. ![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1177.png)
7. Open the file with any .txt editor. If the file is empty, just paste your code. If another custom color is already there for your element, replace this piece of code. ![](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img1178.png)
8. Save the changes.