Add Background Image and Logo in CSS for Oracle Apex

So you have got your Oracle APEX instance up and running and you want to customize your first app. The easiest way to add logo and background image to your login page is by using CSS

Go to Page Desginer >  CSS > Inline and Add Below Code

span.t-Login-logo {
background-image: url(#WORKSPACE_IMAGES#whitehat.png);
backgroung-size: cover;
width: 150px;
height: 140px;
}

## You can work out the Width and Height of your logo image accordingly

If you want to add a background to the login page as well..Then you can include above code along with background image code. So the total code in Inline CSS would look like below

span.t-Login-logo {
background-image: url(#WORKSPACE_IMAGES#whitehat.png);
backgroung-size: cover;
width: 150px;
height: 140px;
}

.t-Body {
background-image:url(#WORKSPACE_IMAGES#sydney_opera_house_australia-wallpaper-1920×1200.jpg);
background-repeat: no-repeat;
background-size : 100%;
background-position: 25%;
}

And the end result is a beautiful login page like below

The post Add Background Image and Logo in CSS for Oracle Apex appeared first on EasyOraDBA.