---
title: Login screen customization
slug: hyper-portal/login-screen-customization
docTags: 
createdAt: 2024-02-29T12:57:10.556Z
---

You can customize your personal view of the login page.

**Accessing Login Page Settings:**
To access the settings, navigate to the "Tenant Configuration" page and scroll down until you find the "Login Page Settings" section.

![](https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/AjzUHL9GanSuczgz6gd2o_7.png)

1\. Login Page Company Logo (<font color="#ff0000">1</font>)**:**

- Upload your company logo to be displayed on the login page. Supported image formats include jpg, jpeg, png, tiff, ico, gif, and webp.

2\. Logo position (<font color="#ff0000">2</font>)&#x20;

- Choose the position of the logo on the login page. Options include Left, Center, or Right alignment.

3\. Login page background image (<font color="#ff0000">3</font>)

- Upload an image to be set as the background of the login page. Supported image formats include jpg, jpeg, png, tiff, ico, gif, and webp.

4\. Top text (<font color="#ff0000">4</font>)&#x20;

- This is a rich text property where you can customize text appearance, add images, and attach links. Use it to provide important information or instructions to users.

5\. Bottom text (<font color="#ff0000">5</font>)

- This is a rich text property allowing customization of text appearance, images, and links. It's useful for additional messages

6\. Block position (<font color="#ff0000">6</font>)&#x20;

- Choose the position of the login block (containing the login form) on the page: Left, Center, or Right alignment.

Reset/Save buttons (<font color="#ff0000">7</font>)&#x20;

- Use these buttons to save your settings or reset them to default values.

Keep image file sizes below 2 MB.

The recommended resolution size for optimal display is 1280x720 pixels.

### View on the login page:

![](https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/9AladM5sfyeiD-P9nc4cc_login-page-view.jpeg)

- Logo position (<font color="#ff0000">1</font>) This option enables you to select the position of your logo on the login page. Choose from Left, Center, or Right alignment to best suit your layout preferences
- Top text (<font color="#ff0000">2</font>) Add customized text to be displayed between the logo and the email input field
- Bottom text (<font color="#ff0000">3</font>) customize text content to be displayed at the very bottom of the login block.
- Block position (<font color="#ff0000">4</font>) Determine the alignment of the login block within the background. Choose between Left, Center, or Right positioning options to ensure optimal visual presentation and layout cohesion.