Packages: Hero Block
Package pages are intended to have a Hero Block. The Hero Block is made up of three components:
- a background image
- a logo image
- a brief description
1. Hero Background Image
The Hero Background Image is saved under the Publication Assets tab.
In Liebert Admin, go to the All Publications select menu and choose the Package PARENT to be updated.
Choose Assets from the available tabs:
Under the Assets tab, under Hero Background Image, upload an image to be used as the background image. Click the “Choose File” button and browse your desktop to locate the image file you would like to upload. Select the file to be uploaded and then click "Open" in the upload window. Once the upload window has closed, click the "SAVE" button at the bottom of the Assets tab to save your selected Hero Background Image.
The IT team can assist with designing a hero background image.
1920 x 500 pixels are recommended dimensions for your hero background image.
Remember, there will be a gradient overlay that will make your hero background image appear darker once it has been uploaded. Also, your hero background image will not appear unless you have uploaded a logo file. See next steps…
2. Hero Logo Image
The Hero Logo Image is saved under the Publication Assets tab.
If you haven't already chosen a Package to update as in the the previous step, in Liebert Admin, go to the All Publications select menu and choose the Package PARENT to be updated.
Under the Assets tab, under Logo, upload your logo image. Click the “Choose File” button and browse your desktop to locate the image file you would like to upload. Select the file to be uploaded and then click "Open" in the upload window. Once the upload window has closed, click the "SAVE" button at the bottom of the Assets tab to save your selected Hero Logo Image.
The IT team can assist with designing a hero logo image.
800 x 180 pixels are recommended dimensions for your hero logo image.
Remember your hero logo image should be on a transparent background. Recommended file formats include .gif and .png. See next steps…