Skip to main content

Banner v5

demo image

Steps to use this section:
  1. In the Theme Editor (Customize), click Add section
  2. Locate [Section Name]
  3. Click to add, then Save

Section Settings​

content settings

1. Layout Settings​

  • Container type: Specifies the width of the header content
  • Hover style: Effect when hovering over image
  • Background color image: Only background color of the image
  • Border image radius: Adjusts how rounded the corners of the border image appear

2.Content Settings​

  • Use the provided fields to add a Heading/Sub heading for the section. Leave any of the fields blank if you do not want to display them.
  • Image: Set an image to represent banner
  • Url: Set link to the banner

3. Button settings​

You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding

button demo

4. General settings​

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Background image The priority is higher than Background color

Use parallax enables a parallax scrolling effect for the background image (if one is set)

Section Padding allows you to specify spacing before or after sections or both

general demo

Block settings​

1. Collection settings​

collection demo