Parallax banner
The "Parallax banner" section is provide by the Lyra theme. show off your banner in style with a vertical parallax section.
Layout
Customization of the "Layout" in this section is as follows:
Full width
Container
Heading
Text Enter text to display as a title in the section. Size
Customization of the "Size" in the slide is as follows:
Small
Medium
Large
Position
Customization of the "Heading position" in this section is as follows:
Left
Center
Show zoom image on hover
By enabling this checkbox, you can show zoom image on hover.
Show carousel pagination
By enabling this checkbox, you can show carousel pagination.
Pagination color
You can customize the pagination color of the option.
Banner height
Customization of the "Banner height" in the shop the parallax banner section is as follows:
Adapt to 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
Scheme 7
Add image
To add blocks to the shop the look section, click on the 'Add image'. There are many options available similar to the shop the look, as you can see in the below points and screenshot:
Image
Used image to add to the "Image" in the section.
Mobile image
Used image to add to the "Mobile image" in the section.
Show image in monochrome mode
Enabling this checkbox will display monochrome mode to the image banner.
Subheading
Enter text to display as a subheading in the section.
Heading
Text Enter text to display as a title in the section. Small text Enter text to display as a small text in the section. Size
Customization of the "Size" in the slide is as follows:
Small
Medium
Large
Description
Text Enter text to display as a description in the section. Text opacity By enabling this checkbox, you have the ability to change the description opacity. Modify the "Description opacity" setting to increase or decrease the opacity level of the overlay.
Size
Customization of the "Size" in the slide is as follows:
Small
Medium
Large
First/Second Button
Button label
Use "Button label" to add a label to the Button in the section.
Button link
Use "Button link" to add a link to the Button in the section.
Button style
Customization of the "Button style" in this section is as follows:
Link
Outline
Solid
Desktop content position
To change the position of the content on the slide, utilize the "Desktop content position" setting. Customization of the "Desktop content position" in the parallax banner 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
Enable this checkbox to show content background this section.
Content background opacity
By enabling this checkbox, you have the ability to change the opacity. Modify the "Content background opacity" setting to increase or decrease the opacity level of the overlay.
Enable blur background
Enable this checkbox to show content blur background this section.
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
Button
Button label
Use "Button label" to add a label to the Button in the section.
Button link
Use "Button link" to add a link to the Button in the section.
Button style
Customization of the "First button style" in this section is as follows:
Link
Outline
Solid
Show content background
Enable this checkbox to show content background in section.
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 section.
Enable blur background
Enabling this checkbox allows you to display a blurred background.
Color scheme
In this section, 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
Scheme 7
Mobile layout
Content alignment
The content alignment customization in the parallax banner section is as follows:
Left
Center
Right
Content position
The content position customization in the parallax banner section is as follows:
Left
Center
Right
Last updated