PageBuilder - Banner
Updated on February 17, 2022 Bluesky Team
Overview
Blueskytechco Page Builder provides a lot of functions for creating content by dragging-and-dropping pre-built controls. One of them is Banner Module. The following information will guide you how to work with Page Builder - Banner.
Introduction to PageBuilder - Banner
Learn how you can create Banner with PageBuilder :
How to Configure
1. Appearance
First, select the layout of banner.
In the Minimum Height field: Specify minium height of banner. Minimum height can be a single number with any valid CSS unit (50px, 50%, 50em, 50vh) or a calculation (50% + 50px).
In the Vertical Alignment field: Vertical alignment controls how the child blocks of this container will be positioned. Set minimum height in order to use vertical alignment.
In the Hover Effects field: Specify the effects when hover over banner.
2. Background
In the Background Color field: Specify the color of banner background.
In the Background Type field: Select types of banner: Video or Image.
In the Background Image field: Upload Image of banner.
In the Background Mobile Image field: Upload Image of banner on mobile device.
In the Background Size field: Specify size of background banner.
In the Background Position field: Select positions of background in banner.
In the Background Attachment field: Select Attachment: Fixed or Scroll.
In the Background Repeat field: Enable if you want to repeat background of banner.
3. Co
In the Message Text field: Add message text to banner.
In the Link field: Specify url of banner.
In the Show Button field: Specify status of button on banner.
In the Button Text field: Specify name of button on banner.
In the Button Type field: Specify type of button on banner.
In the Show Overlay field: Enable to show overlay.
In the Overlay Color field: Specify color of overlay.
Copyright © 2022 Blueskytechco.com. All Rights Reserved.
Last updated