The Hero Section is the top area of an Explore page. This article explains how to add and configure a hero section.
Add a Background Color
-
Ensure that the Hero Section toggle is On.
-
Click the Background Color square to change the background color of the hero section.
-
Select the desired color by clicking on the color gradient, entering a Hex code, or entering RBG values.
Click anywhere outside of the color selection window to save and exit, or click on the preview color square for even more color selection capabilities.
Add a Background Image
Note
|
The recommended image size for your Hero section is 1024 X 400 px. |
-
Click Add Image to add an image.
-
If you have already uploaded an image you want to use, skip ahead to Step 5. If you need to add an image, click Upload.
-
Click inside the upload box.
-
Select the image you want to upload and click Open.
-
Click the image you want to use. A yellow square will appear around the selected image. Click Apply.
-
Select whether you want the image to be “fixed” or “fill”.
Fixed: Ensures that the same portion of the background image will always be shown.
Fill: Responsive to the size of the window, ensuring that the background image always fills the Hero section. The background color will never show.
-
Click and drag the image to adjust its placement.
-
Click and drag the expansion bar to make the Hero Section taller or shorter.
Add Text
-
If you want to include text over the hero image click the Show Text toggle to the On position.
-
Click the default title to edit.
-
Use the tools to edit the font, boldness, size, and color of the text. Click Save.
-
Repeat this process with subtitle if you want a subtitle. Click Save when finished.