Skip to main content

Banner v8

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

  • Logo (Image logo): This option allows you to

  • Url: Set link to the banner

  • Image: Set an image to represent banner

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

  • Video import: Upload video from store

  • Video url: Paste link video want to display

info

Video import has higher priority than Video url

Layout

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