Banner
Last updated
Last updated
Blueskytechco Page Builder offers a wide range of functions for creating content through drag-and-drop pre-built controls. One of these functions is the Banner Module. The following information provides a guide on how to work with the Page Builder - Banner module.
Learning how to create Banner with PageBuilder:
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.
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.
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 © 2023 . All Rights Reserved.
