Skip to main content

Banner v9

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.
  • Image aspect ratio: Sets the aspect ratio of the images in the banner.
  • Heading: The main heading of the banner section (displayed prominently at the top of the banner).
  • Description: The secondary text that provides additional context or a tagline for the banner (displayed below the heading).

layout settings

2. Banner settings​

  • Title: The heading of the banner section (displayed prominently at the top of the banner).
  • Image
  • Link: Link for image

settings banner

settings banner

3. Additional settings​

  • Background Color Custom: Allows for a custom background color to be applied.

  • Height Background Custom: The height of the Background Color Custom , adjustable as a percentage.

Additional settings

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