Streamline includes an Animated image hero section that allows you to showcase images with dynamic visual effects. You can display images with a subtle fade effect or use GIF-style animation to introduce motion, making this section ideal for drawing attention to featured content at the top of your page.
Adding the animated image hero section
- Log in to your Theme editor and navigate to the page you would like to display this section.
- You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it.
- From the list of available sections, find and select Animated image hero.
Section details
The Animated image hero section has the following settings:
- Animation style: Select the animation used when switching between images. Choose between fade or fading or GIF-style animation.
- Heading: The largest text in the slide.
- Heading text size: Adjusts the font size of the heading text.
- Subheading or Text: Use this field to display supporting text or a brief description beneath the heading.
- Link: Adds a link to the button. If no link text is added, the image becomes clickable instead.
- Link text: Sets the text displayed in the button.
- Button color: Choose the color applied to the button.
- Text alignment: Adjusts the position of the text within the slide.
- Desktop height adjustment: Controls the section’s height when viewed on desktop devices.
- Mobile height adjustment: Adjusts the height of the section on mobile screens.
Image block settings
The Animated image hero section allows you to add between 1 and 6 image blocks.
For each block, you can select a desktop image and a mobile image to control how the section appears on different devices.
For desktop, a landscape image (16:9) is recommend while a square image is recommended for mobile (1:1).