Skip to main content

Banner v7

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

  • Gap: Determine the space between 2 items

Layout

2. Banner settings

  • Use the provided fields to add a Title/Subtitle for the section. Leave any of the fields blank if you do not want to display them.
  • Image: Set an image to represent banner
  • Url: Set link to the banner

banner

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