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