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

## Introduction

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

APEX Version: 22.1

## Expected Output

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671068945134/YYB5ggaff.png align="center")

## Default Login Page

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671067023225/LAwDT4lZA.png align="center")

## Steps

*   Upload image in Shared Components --> Files and Reports --> Static Application Files --> Create File
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671067237753/dNj9nmiHl.png align="center")
    
*   Note down the "Reference". In this example, the Reference is #APP\_FILES#app-bg.jpg
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671067376229/MfsyEZLuh.png align="center")
    
*   Edit the Login Page and add the below-given CSS in the inline CSS field under the CSS section.
    

```css
body{
  background-image: url('#APP_FILES#app-bg.jpg') !important;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover !important;
}
```

*   ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671069362490/Ei-hCsVPZ.png align="center")
    
*   Save changes and run the page.
    

## Output

## Useful Links

Stock Photos: [https://www.pexels.com/](https://www.pexels.com/)

Opensource Illustrations: [https://undraw.co/](https://undraw.co/)