Skip to main content

Banner v8

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. Layout settings​

  • Container type: Determines the width of the banner container. Options: [ Box, Wide, Full width ].

  • Hover style (Image hover effect): This option allows you to set an effect when hovering for image with many selections (Warning: Hovering effect will resize your images).

  • Use the provided fields to add a Title/Subtitle for the section. Insert <br> to break the line.

  • Column limit: Determine the number of item shown per row.

  • Gap: Determine the space between 2 items

title - subtitle

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 settings​

  • Image: Set an image to represent this item
  • Heading: The heading of the item
  • Url: Set link for the item

general demo