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

Play this article

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/