Skip to main content

Banner v13

Here is an amazing section that will help you design the Banners creatively and professionally. It has never been easier to create a banner.

banner demo

steps:
  1. In the theme editor (Customize), click Add section
  2. Locate Banner
  3. Save

Section settings

1. Settings layout

  • Container type: You can choose among Box, Wide, Fullwidth for the collection layout.

  • Gap: Determine the space between 2 items

  • Use the provided fields to add a Title for the section. Leave any of the fields blank if you do not want to display them.

  • Background Image: Choose an image from your own store

  • Image aspect ratio: Set ratio image for image collection

info

If you want the Title to have a typing effect at the end of the text, add a Typing in Block settings.

settings layout

2. General settings

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

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

banner demo

Blocks settings

  • Image: Select an image from own store
  • Chose collection: Choose collection from own store

1. Collection

banner demo

2. Typing

  • Typing: Enter the text you want to have typing effects on

banner demo