How to change the background image of individual pages in IdP

Version Affected:  All

Description:  

How to change the background image of individual pages in IdP

Cause:  

The following articles describe how to change the background image but it applies to the entire realm so every page will get the same background image.

https://support.secureauth.com/hc/en-us/articles/360020559792-How-to-add-a-background-image-to-your-realm

https://support.secureauth.com/hc/en-us/articles/360032008592-How-to-change-background-image-to-your-realm-on-theme-2019

It may be desirable to have a different background image on specific pages.

Resolution:  

1. Upload the image to the \images folder of the realm.

2. Locate the HTML file for the respective page and theme in the \Themes folder, e.g.:

Themes\2016 Light\views\SecurePortal\SecurePortal.html

3. Edit the file in a text editor and add the following to the beginning of the file, adjusting the path to suit the image uploaded in Step 1.

<style>
               body{
          background-image:url("/secureauthXXX/images/portal.jpg");
               }
</style>

SecureAuth Knowledge Base Articles provide information based on specific use cases and may not apply to all appliances or configurations. Be advised that these instructions could cause harm to the environment if not followed correctly or if they do not apply to the current use case.

Customers are responsible for their own due diligence prior to utilizing this information and agree that SecureAuth is not liable for any issues caused by misconfiguration directly or indirectly related to SecureAuth products.