Image Overlay
The "Image overlay" section is provide by the Sitar theme. This section allows blocks to overlap and swipe.
Layout
Customization of the "Layout" in the Image overlay section is as follows:
Full width
Grid
Heading
Enter text to display as a title in the section.
Heading size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Subheading
Text
Enter text to display as a subheading in the section.
Style Customization of the "Subheading style" in the Image banner section is as follows:
Normal
Outline
Solid
Position
Customization of the "Subheading position" in the Image banner section is as follows:
Before heading
After heading
Heading/subheading alignment Customization of the "Heading/subheading alignment" in the Image banner section is as follows:
Left
Center
Description
Enter text to display as a description in the section.
Show collection description
By enabling this checkbox, you can show collection description from the admin.
Description style
Customization of the "Description style" in the Image overlay section is as follows:
Body
Subtitle
Uppercase
Banner height
Customization of the "Banner height" in the Image 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
Image behavior
Customization of the "Banner height" in the Image banner section is as follows:
None
Ambient movement
Add image block
To add banner to the Image banner section, click on the 'Add image block'. 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.
Subheading
Enter the text you would like to display as a subheading above the block main title.
Heading
Enter text to display as a title in the section.
Heading size
Customization of the "Heading size" in the Image overlay
section is as follows:
Small
Medium
Large
Description
Enter text to display as a description in the section.
Label background
Select color to set as a background color of subheading.
Label text
Select color to set as a foreground color of subheading.
Color scheme
In this section, you have the option to modify the background and foreground colors of a image block by provided color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Button
Button label Use "Button label" to add a label to the Button in the image.
Leave the label blank to hide the button. Button link Use "Button link" to add a link to the Button in the image block. Open this link in a new window By using the "Open this link in a new window" option, the link will open in a new tab. Style
Customization of the "Button style" in the image block of
Image overlay section is as follows:
Link
Outline button
Solid button
Show container
When 'Show container' is enabled, the banner's content container box will be visible.
Last updated