Skip to main content

Banner v3

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

  • Gap: Sets the spacing between banner images.

title - subtitle

2. Banner Settings​

  • Use the provided fields to add a Title/Description for the section. Insert <br> to break the line.
  • Image: Set an image to represent this banner
  • Url: Link for banner

general demo

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

slideshow demo

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