Banner
This element allows inserting the banner in content.
Param Name | Description | |
---|---|---|
Style | Choose a banner style. There are three styles, and each style contains specific parameters. | |
Vertical Align | Select a vertical position for banner text. | |
Horizontal Align | Select a horizontal position for banner text. | |
Effect | Select banner effect type. | |
Banner Padding Responsive | Select this check box to enable responsive banner padding for different width. | |
Banner Padding Responsive | ||
Banner Padding | You can set the banner padding here. | |
Banner Padding Responsive (Yes) | ||
Extra Large Devices (≥1200px) | Banner Padding for extra large devices. | |
Large Devices (≥992px) | Banner Padding for large devices. | |
Medium Devices (≥768px) | Banner Padding for medium devices. | |
Small Devices (≥576px) | Banner Padding for small devices. | |
Extra Small Devices (<576px) | Banner Padding for extra small devices. | |
Font Size Responsive | Select this check box to enable responsive font size for different width. | |
Font Size Responsive | ||
Font Size | Enter the Font Size | |
Font Size Responsive (Yes) | ||
Extra Large Devices (≥1200px) | Enter the Font Size for extra large devices. | |
Large Devices (≥992px) | Enter the Font Size for large devices. | |
Medium Devices (≥768px) | Enter the Font Size for medium devices. | |
Small Devices (≥576px) | Enter the Font Size for small devices. | |
Extra Small Devices (<576px) | Enter the Font Size for extra small devices. | |
Image source( Media Library ) | ||
Banner Image | Set banner image. | |
Image source( External Link ) | ||
Banner Image | Enter the image link. | |
Banner Link | Select this checkbox to add link on banner. | |
Banner URL | Set banner link URL here. | |
List Items | It is a repeater field where you can add multiple items. It contains fields as below. | |
Title | Add banner text here. | |
Use Google fonts | Select this check box to use Google fonts. | |
Font Family | Select Google font family. | |
Font style | Select Google font style. Note: These fields are only visible if “Use Google fonts” is checked. |
|
Font Size | Enter/select font size. This font-size will be in the ratio of the main font-size. | |
Background Color | Select text background color. | |
Font style | Select font style. Note: This fields only visible if “Use Google fonts” is unchecked. |
|
Font Weight | Select font weight. Note: These fields only visible if “Use Google fonts” is unchecked. |
|
Font Weight | Select font weight. Note: These fields only visible if “Use Google fonts” is unchecked. |
|
Text Transform | Select text-transform. | |
Letter Spacing | Enter/select letter spacing. | |
Line Height | Enter line height. If you want to add value in decimal, then use a full decimal format like allowed units are px, em, and %. | |
Responsive | Select checkbox(es) to show/hide text on specific device size. | |
Button | Note : This tab only visible if “Banner Link” is unchecked. | |
Button Title | Enter the button title. | |
Button Style | Select the button style. There are three styles, and each style contains specific parameters.
– Link |
|
Button Text Color | Select button text color. | |
Button Text Hover Color | Select button text hovers color. | |
Button Style( Flat ) | ||
Button Size | Select button size. | |
Button Shape | Select button shape. | |
Button Background Color | Select button background color. | |
Button Hover Background Color | Select button hover background color. | |
Button Style( Border ) | ||
Button Size | Select button size. | |
Button Shape | Select button shape. | |
Button Border Color | Select button border color. | |
Button Border Width | Enter/select button border width. | |
Text Transform | Select text transformation style. | |
Letter Spacing | Enter letter spacing. | |
Line Height | Enter line height. If you want to add value in decimal, then use a complete decimal format like allowed units are px, em, and %. | |
URL | Set button link here. | |
Badge | Note : This tab only visible if style-1 is selected. | |
Add Badge | Select this checkbox to add a badge. | |
Title | Enter the badge title. | |
Badge Type | Select the badge style. | |
Text Color | Select badge Text Color. | |
Badge Type ( Border ) | ||
Border Color | Select the badge border color. | |
Badge Border Width | Enter the badge border width. | |
Badge Type ( Flat ) | ||
Background Color | Select badge background color. | |
Badge Width | Enter badge width. | |
Badge Height | Enter badge height. | |
Vertical Align | Select badge vertical position. | |
Horizontal Align | Select badge horizontal position. | |
Font Size | Enter font size. | |
Line Height | Enter line height. | |
Font Weight | Select font weight. | |
Text Transform | Select text transform. | |
Deal Details | Note : This section only visible if deal-1 or deal-2 selected as banner style. | |
Deal Date | Select / Enter deal date. | |
Expire Message | Enter a message to display, instead of date counter, when the deal is expired. | |
Counter Size | Select deal counter size. | |
On Expire Button | Select status of the button on deal expires. |