Skip to main content

Banner v11

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

  • You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding .

Button 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