Lute Section - Image banner

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:
  • Grid
  • Full width
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.
  • Left
  • Right
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:
  • Small
  • Medium
  • Large
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.

Section cases

Recently viewed