How to set a background image for the APEX login page?

How to set a background image for the APEX login page?

Background image for login page

Introduction

This tutorial helps you change the background image of the login page in Oracle APEX.

APEX Version: 22.1

Expected Output

Default Login Page

Steps

  • Upload image in Shared Components --> Files and Reports --> Static Application Files --> Create File

  • Note down the "Reference". In this example, the Reference is #APP_FILES#app-bg.jpg

  • Edit the Login Page and add the below-given CSS in the inline CSS field under the CSS section.

body{
  background-image: url('#APP_FILES#app-bg.jpg') !important;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover !important;
}
  • Save changes and run the page.

Output

Stock Photos: https://www.pexels.com/

Opensource Illustrations: https://undraw.co/