Banner

Banner shortcode allows you to create a banner, both image and video banner. You can read the w3school guide to help you in creating the banner height and padding

1. Input the height for banner, for example 500px.
2. Select an image for the background, or you can select a color for the background.
3. Select the color for overlay.
4. Set up the border width, color, and style.
5. If you want to create video banner, put the link from Youtube or HTML5 video URL. If you assign the image before, then it will keep displayed as the background image.

NOTE: We recommend you to input HTML 5 video so that you can adjust the size of video with the banner.

6. Set up the banner inner width, padding, position, text alignment, and background color. It will determine how your content will be displayed in the banner.
7. Set up the width, radius, and color for border banner inner.
8. Input your content in the text banner/WYSIWYG editor. If you set up the different alignment from the banner inner setting before, then the setting in text banner will be overwritten with the banner inner setting.
9. Input the button title and select the color element for the button.
10. Select the style for the button. If you want you can input an icon beside the button title.
11. Input the link for the button. You can create another button by checking the Enable Secondary Button box.
12. Save changes.