Skip to main content

Banner v12

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

  • Image gap: Determine the space between 2 items.

  • Use the provided text fields to add a suitable Heading/Subhedding/Description. Insert <br> to break the line.

Layout settings

2. Banner settings​

Banner 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