Single Banner

Modified on Tue, 2 Mar, 2021 at 5:48 PM

There are 3 parts that you can add to the section: Image, Textbox, Textbox and Search

Click Add Content and choose the one you want to display on store


1. Content

a.Image

  • Image Margin: Order: Top Right Bottom Left
  • Image width: Auto/ Fill
  • Width (1->12): 0 to hide. E.g: 4,6,12

b. Textbox

  • Set Names for Heading, Subheading, Text #1, Text #2
  • Text alignment: Left/ Center/ Right
  • Mobile: Text alignment (Left/ Center/ Right)
  • Textbox Color and Style
  • Set color for Heading, Subheading, Text #1, Text #2
  • Tick to Use Style from Primary Button

  • Textbox Fontsize
  • Heading font size: E.g: 30px
  • Subheading font size: 23px
  • Text #1 font size: 18px
  • Text #2 font size: 18px
  • Button font size
  • Block Settings
  • Width (1->12): Set the width for the image section (0 to hide. E.g: 4,6,12)
  • Overlay with above image: the textbox will overlay the image



  • Textbox Layout

Use for option Overlay with above image

  • Display Pointer: Text display when hover pointer


  • Content position: E.g: 50%, 50%; 50%, 30%
  • Content max width (in %): E.g: 80%, 100%
  • Padding content: Order: Top Right Bottom Left



2. Settings

  • Section Label: Set name for the whole section
  • Layout
  • Box Layout: the content will be shrunk in both side alignments
  • Background color: background color will be invalid if you set the background image later
  • Or you can choose Background Image 
  • Background Size: choose one option for background size (Auto/ Cover/ Contain)
  • Background Image Repeat: the image of the background will be repeated if the image size is not cover fully
  • Background Image Position: choose an option for the displacement
  • Section PaddingOrder: Top Right Bottom Left








Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article