Gallery
The "Gallery" section is provide by the Lyra theme. This section is used to add a Image wise-banner with a title,description and button.
Layout
Customization of the "Layout" in the gallery section is as follows:
Full width
Container
Heading
Text Enter text to display as a title in the section. Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Position
Customization of the "Heading position" in this section is as follows:
Left
Center
Number of columns on desktop
"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “1” and a maximum of “3” images.
Banner height
Customization of the "Banner height" in the gallery section is as follows:
Adapt to image
Small
Medium
Large
Remove spacing around blocks
Enable this checkbox to show remove spacing around blocks of this section.
Content layout
Customization of the "Content layout" in the gallery section is as follows:
Inside
Outside
Carousel
Pagination style
The style of the gallery navigation that appears below the images:
None
Dots
Arrows
Enable autoplay Enable this checkbox to automatically rotate the images in the gallery.
Autoplay interval Use the bar to set the auto-rotate time of the gallery. You can set a minimum of “3” seconds and a maximum of “9” seconds.
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
Scheme 7
Add Gallery
To add banner to the gallery section, click on the 'Add Gallery'. There are many options available , as you can see in the below points and screenshot.
Image
Use "Image" to add the image to the section.
Show image in monochrome mode
Enable this checkbox to automatically appply image monochrome mode the images in the gallery.
Subheading
Enter the text you would like to display as a subheading above the banner's title.
Heading
Text Enter text to display as a title in the section. Customization of the "heading size" in the gallery section is as follows:
Small
Medium
Large
Description
Text Enter text to display as a description in the section. Text opacity Use the text to set the opacity of the gallery. You can set a minimum of “10%” and a maximum of “100%”.
Size
Customization of the "Size" in the slide is as follows:
Small
Medium
Large
Button
Label Use "Button label" to add a label to the Button in the section. Link Use "Button link" to add a link to the Button in the section. Style
Customization of the "Button style" in the gallery is as follows:
Link
Outline
Solid
Desktop content position
To change the position of the content on the banner, utilize the "Desktop content position" setting. Customization of the "Desktop content position" in the gallery section 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
By enabling this checkbox, you can Show content background.
Content background opacity
By enabling this checkbox, you have the ability to change the content background opacity. Modify the "Content background opacity" setting to increase or decrease the opacity level of the overlay on the gallery content.
Enable blur background
Enabling this checkbox allows you to display a blurred background.
Color scheme
In this section, you have the option to modify the background and foreground colors of a banner's content container using the provided color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Animations
Customization of the "Image behavior" in the gallery section is as follows:
None
Ambient movement
By employing the Ambient movement feature, the banner image will exhibit motion.
Mobile layout
Content alignment
Customization of "Mobile content alignment" in mobile devices is as follows:
Left
Center
Right
Content position
To change the position of the content on the gallery, utilize the "Mobile content position" setting. Customization of the "Mobile content position" in the gallery section is as follows:
Top
Middle
Bottom
Last updated