Lute Section - Image with text

Lute Section - Image with text

Overview

You can add a section that contains an image and a text block with an optional button to link customers to a new page. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

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 Set the text of the section,visible when the Color scheme setting is set to Custom.
SECTION INNER  
Show outline Displays the outline of the section inner.
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 inner,visible when the Color scheme setting is set to Custom.
Text color Set the text of the section inner,visible when the Color scheme setting is set to Custom.
IMAGE  
Image Click Select image to choose an image for the section. Click the Change button to change or remove the image
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%.
Image position Choose between Left and Right.
TEXT  
Text alignment Choose from Left, Center and Right.
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.
Size The font size of the heading: Small Medium Large(Default)

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.

Section cases

Recently viewed