Using the Gallery Background Widget in Hipposerve® Studio
The Gallery Background widget allows you to create visually engaging image galleries where images are displayed as large background panels. This style is ideal for hero sections, portfolios, featured content, promotional banners and image-driven designs.
Background galleries provide a modern and immersive way to showcase images while allowing captions, links and additional customisation options.
Adding a Background Gallery
To add a Gallery Background widget to your website:
- Drag and drop the Gallery widget from the main toolbar.
- Select the Background Gallery layout.
- Select the gallery and click the picture editing icon (
) in the right-hand toolbar. - Click Add Pictures to upload your images.
- Click Size in the right-hand toolbar.
- Set a gallery size manually or enable Allow to adjust size automatically.
Managing Gallery Images
You can edit the images and information displayed within your gallery.
To manage gallery images:
- Select the gallery layout.
- Click the Background element editing button in the right-hand toolbar.
- Click Gallery Pictures.
- Edit image titles, links, descriptions and other image properties.
Background Settings
The gallery background can be customised to match your website's design.
Click Background Colour to:
- Choose a background colour
- Adjust background opacity
- Create contrast between images and content
Border Settings
You can customise gallery borders to create additional visual separation.
Click Border to configure:
- Border width
- Border colour
- Border style
- Additional border effects where available
Gallery Types
The Gallery Background widget supports different gallery styles and layouts.
You can change the gallery type and adjust the available settings for each style.
Different gallery types may offer unique display options, transitions and layout behaviours.
Captions
Captions allow you to display additional information alongside your images.
To customise captions:
- Open the Captions tab.
- Choose how image captions should be displayed.
- Set the caption background colour.
- Adjust text styling and formatting options.
Advanced Options
The Options tab provides additional settings for advanced users.
Within the Options tab you can configure:
- Anchor names for page navigation
- Custom class names for styling
- Additional gallery settings where available
Preview Example
A Gallery Background layout displays images as large visual panels, helping create an eye-catching and immersive browsing experience for your visitors.
