mirror of
https://github.com/open-metadata/OpenMetadata.git
synced 2025-07-06 00:28:52 +00:00
46 lines
1.2 KiB
Markdown
46 lines
1.2 KiB
Markdown
---
|
|
title: How to Change the Login Page & Nav Bar Logo and Favicon
|
|
slug: /how-to-guides/admin-guide/how-to-add-custom-logo
|
|
---
|
|
|
|
# How to Change the Login Page & Nav Bar Logo and Favicon
|
|
|
|
OpenMetadata allows you to customize the logo and favicons. In this guide we will see how to add custom logo and favicon.
|
|
|
|
1. Navigate to **Setting >> Preferences >> Themes**
|
|
|
|
page and page and then you will get option to enter `Custom Logo` url.
|
|
|
|
{% image
|
|
src="/images/v1.8/how-to-guides/custom-logo/logo.png"
|
|
alt="Custom Logo"
|
|
/%}
|
|
|
|
{% image
|
|
src="/images/v1.8/how-to-guides/custom-logo/logo0.1.png"
|
|
alt="Custom Logo Setting"
|
|
/%}
|
|
|
|
2. Enter the values in the edit form and **Save** the changes.
|
|
|
|
For logos, ensure the following sizing requirements:
|
|
- **Monogram/Favicon**: Use a 1:1 aspect ratio.
|
|
- **Logo**: Use a 16:9 aspect ratio.
|
|
|
|
{% image
|
|
src="/images/v1.8/how-to-guides/custom-logo/custom-logo-form.png"
|
|
alt="custom-logo-form"
|
|
/%}
|
|
|
|
3. After saving the changes, refresh the page to view the updated logos and favicon.
|
|
|
|
{% image
|
|
src="/images/v1.8/how-to-guides/custom-logo/custom-logo-application.png"
|
|
alt="custom-logo-application"
|
|
/%}
|
|
|
|
{% image
|
|
src="/images/v1.8/how-to-guides/custom-logo/custom-logo-login-page.png"
|
|
alt="custom-logo-login-page"
|
|
/%}
|