This article only applies to WebCenter 16.0 and newer versions.
Since WebCenter 16.0, it is possible to use a full screen background image on the WebCenter Login page, which automatically adapts to your screen size. When using such an image, you might want to further simplify the Login page and remove any distractions.
This article describes how you can hide the header and footer bars on the WebCenter Login page in case a full screen background image is used, by using Static Text customization.
Follow these steps:
Set a Background Image for your Login page on the Customizations page. Make sure to enable Use full screen background image. Your image should be of a decent resolution, but not too large or it might load slowly. For example: 1920x1080 px (72ppi). Here's a sample image to get you started.
Upload a new HTML file in the Static Text section for Login Welcome Message or Login Marketing Message. You can use this sample. The HTML file should contain following CSS styles, if you already have a static text customization in place, simply add these styles to your CSS:
Optionally, modify any values you would like to further change.