Skip to main content

Banner v10

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
  • Column limit: Determine the number of item shown per row.

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.

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. Item

  • Image: Choose an image from your own store
  • 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.
  • URL: Set link for item

item demo