Overview
The image banner section supports image, heading, subheading, buttons, Stamp
background, Float icon.
Section settings
Setting |
Description |
Section width |
Set the width of the section using the drop-down menu:
|
Show top outline |
Displays the top outline of the section. |
Show bottom outline |
Displays the bottom outline of the section. |
Color scheme |
Set the color scheme of the section using the drop-down menu:
- Background
- Primay
- Secondary
- Tertiary
- Custom
|
Background color |
Set the background of the section,visible when the Color scheme setting
is set to Custom.
|
Text color desktop |
Set the text of the section,visible when the Color scheme setting is set
to Custom.
|
Text color mobile |
Set the text of the section. |
IMAGE |
|
Image |
The main image for the banner. If the mobile image is not set, this is
image is used to display on mobile devices too.
|
Edit alt text |
Click to set image alt text for search engine optimization and to
describe the image for customers using screen readers.
|
Image width |
Set the width of the image. Defaults to 50%. |
Float top |
Set the Float top of the image. Defaults to 72px. |
Float bottom |
Set the float bottom of the image. Defaults to 72px. |
Image position |
Set the position of the image using the drop-down menu, visible when the
‘Desktop logo’ setting is set to Left.
|
IMAGE MOBILE |
|
Image mobile |
The mobile image for the banner. If the image is not set, the above
image is used.
|
Edit alt text |
Click to set image alt text for search engine optimization and to
describe the image for customers using screen readers.
|
IMAGE LINK |
|
Link |
Give the image a link when there is no content on it. |
Content |
|
Content position |
The position of the content above the image. Choose from the drop-down
menu:
- Top left
- Top center
- Top right
- Middle left
- Middle center
- Middle right
- Bottom left
- Bottom center
- Bottom right
|
Content width |
Set the width of the content. Defaults to 60%. |
SECTION SPACING ADJUSTMENT |
Visible on desktop view and 'Section width' is Grid. You can set global
vertical space in 'Theme settings -> Layout -> Vertical space between
sections'.
|
Top |
Set the top spacing of the section. |
Bottom |
Set the bottom spacing of the section. |
Heading block
Setting |
Description |
Text |
Title text for the section. |
Heading size |
The font size of the heading, Choose from the drop-down menu:
|
Link |
The URL that you want the heading to link to. |
Subheading block
Setting |
Description |
Text |
Subheading text |
Description block
Setting |
Description |
Text |
Displays paragraph-style text. |
Button block
Setting |
Description |
Label |
The text that displays on the button. |
Link |
The URL that you want the button to link to. |
Style |
The style of the button. Choose from Primary and Secondary. |
Stamp background
Setting |
Description |
Stamp |
Stamp image |
Edit alt text |
Click to set image alt text for search engine optimization and to
describe the image for customers using screen readers.
|
Opacity |
Set the opacity of the stamp image. |
Float icon
Setting |
Description |
Image |
Float image |
Edit alt text |
Click to set image alt text for search engine optimization and to
describe the image for customers using screen readers.
|
Edit alt text |
Click to set image alt text for search engine optimization and to
describe the image for customers using screen readers.
|
Image width |
Set the image width of the float image. |
Horizontal position |
Set the horizontal position of the float image. |
Vertical position |
Set the vertical position of the float image. |
Opacity |
Set the opacity of the float image. |