Customizing the banner text and Image

To change the banner text, edit the text found in the bannerHeader and bannerMessage elements.

To change the banner image, add the image to your ZIP file in the images folder. For example, blue-banner.jpg.

Note: As shown in the comment, the second url beginning with ../images is not necessary when the file is in a customized home page, so you can remove it.

For example:

<div class="banner">
    <!-- The second url() parameter below is a back-up path in case the first does not exist, and is likely unnecessary when creating a custom banner -->
    <div class="bannerImage" style="background-image:url('../resources/images/blue-banner.jpg');"></div>
    <div class="bannerContent">
        <div class='bannerHeader'>I am customizing the banner!</div>
        <div class='bannerMessage'>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </div>                        
        <div class="bannerButtonContainer">
            <button class="bannerButton" onclick="hcm.util.navigateTo('https://www.infor.com')">Get Started</button>
        </div>
    </div>
</div>