Image banner
The "Image banner" section is provide by the Flute theme. This section is used to add a Image wise-banner with a title, description and button.
Recommendation Size Image banner size: 1920x792
Layout
Customization of the "Layout" in this section is as follows:
Wide
Grid
Heading
Enter text to display as a main heading of the section.
Description
Enter text to display as a description in the section.
Desktop column display limit
"Desktop column display limit" is to specify how many banner to show in a section. You can show a minimum of “1” and a maximum of “4” image banner.
Display type
Customization of the "Display type" in the section is as follows:
Grid
Carousel
Image height
Customization of the "Image height" in the image banner section is as follows:
Adapt to first image
Small
Medium
Large
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Add Image
To add blocks to the Image banner section, click on the 'Add Image'. There are many options available similar to the image banner, as you can see in the below points and screenshot:
Image
You will add a First image, which will appear on the full width.
Enable second image on hover
Enable this option to display another image when the user hovers over the main image.
Second image
You will add a Second image, which will appear when the hover effect is enabled.
Content color
Select the color used for the text and icon content displayed in the block.
Content
Icon image
Upload an icon image that will appear above or alongside the text. The recommended image size is 100 × 100 px.
Text
Enter the main title or heading text for the block.
Size
Customization of the "Content Size" in the block is as follows:
Small
Medium
Large
Extra large
Subheading
Add supporting text or a short description below the main heading to provide additional information.
Button
Label
Enter a text to display as a button label in the section.
Link
Use "Button link" to add a link to the Button in the section.
Desktop content placement
Customization of "Desktop content placement" is as follows:
Top left
Top center
Top right
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
Desktop content alignment
Customization of "Desktop content alignment" in desktop devices is as follows:
Left
Center
Right
Show content background on desktop
Enable this option to display a background behind the content area on desktop screens for better visibility over the image.
Color scheme
In this block, you can change the background and foreground color of the container using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Mobile layout
Content alignment
The content alignment customization in mobile devices is as follows:
Left
Center
Right
Last updated