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

Background image for login page

PublishedDecember 15, 2022

•1 min read

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

I am an experienced IT professional with over 10 years of expertise in ERP, specializing in manufacturing and finance modules.

As a solution architect, I am skilled in Oracle PL/SQL and Oracle APEX, with experience in software development, project management, and solution architecture.

Leveraging my expertise in Enterprise Performance Management (EPM), I help businesses make data-driven decisions and improve their performance.

I am committed to staying current with the latest trends and technologies in the industry and enjoy collaborating with colleagues and clients to design and implement solutions that align with their unique business needs.

If you would like to learn more about my experience or have any questions, please feel free to connect with me.

Part of seriesHow to? Oracle APEX

Introduction

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

APEX Version: 22.1

Expected Output

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;
}