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

  • Container type: You can choose among Box, Wide, Fullwidth for the banner layout.
  • 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).
  • Gap: Determine the space between 2 items.

Layout settings

2. Banner settings​

  • Use the provided text fields to add a suitable Title. Insert <br> to break the line.

  • Select the Image you want to display in banner

  • Url: Set link for this banner

Layout settings

3. General settings​

  • Color schema: Set text color and background color with preset scheme
  • Background image The priority is higher than Background color
  • Section padding allows you to specify the space between the banner and the preceding or following sections, or both.

General settings