Category / Section
How to customize the style and background image of login page in Bold BI?
Published:
This article will guide you on how to customize the login page style and background for the Bold BI application deployed in Windows and Linux environments.
Customize the Login page style
- Navigate to the following folder based on your environment. If the folders are not present, please create them manually.
- Windows -
C:/BoldServices/app_data/idp/content/styles/
. - Linux -
/var/www/bold-services/application/app_data/idp/content/styles/
- Windows -
- Download the sample CSS file
login.css
from below and copy it to the above path.
- You can overwrite the CSS styles for the login page in the
login.css
file. After saving and refreshing the page, the overwrite styles for the elements will be applied.
To revert the login page custom styles, please remove the login.css file from the path app_data/idp/content/styles/
.
Add Login Background Image
- Navigate to the following folder based on your environment. If the folders are not present, please create them manually.
- Windows -
C:/BoldServices/app_data/idp/content/images/application/
. - Linux -
/var/www/bold-services/application/app_data/idp/content/images/application/
- Windows -
- Copy the login background image to the above path and rename the file name to
login_background
.- Supported file extensions are JPG, PNG, and SVG.
- Recommended image size is 1920 x 1080px.