Custom Site Branding
  • 21 Oct 2024
  • 2 Minutes to read
  • Dark
    Light

Custom Site Branding

  • Dark
    Light

Article summary

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

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. 

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.
  2. On the page that opens, click FROM COMPUTER
  3. Click Choose File and select a file to be uploaded. Click OK.

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".
  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.

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. 
  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. 

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.
  3. Click the arrow icon and select the part of the page whose color will be changed.
  4. Click the color icon and select the desired color.
  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
    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. 
  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. 
  8. Save the changes.

Was this article helpful?