< All Topics

Why not make amazing CTA banners for your sale, offers, or any kind of promotional activities. Layer based hover effects make it very unique and eye-popping. This will not only make your website look good but also add great value to your content.

Pro tip
Why not create your banners for your website using this widget. Showcase any new news or product updates with this banner widget. The banner will attract much more attention than a simple heading.

How to use the Advertisement Banner Widget of The Plus Addons For Elementor

The Advertisement Banner widget comes with different styles and a plethora of customization options using which you can create stylish looking banners for your websites.

Table Of Contents

General Steps

Search for the Advertisement Banner element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Audio Player widget. First, click on the Content tab.

1. Content

Advertisement Banner

Styles

Select your preferred Banner style from the dropdown. We have provided 8 different styles to choose from. Keep switching the styles to see the different design layouts and settle on one.

Banner Image

Select the preferred image of your banner. You can add also custom images.

Image Size

Select the preferred image size from the option here.

Title

Enter the title here.

Sub Title

Enter the Subtitle here.

Hover Styles

Select your preferred Hover style you want to set for the banner with this options.

Button

Button

Slide to enable button on your banner.

Button Style

Select the button style over here.

Button Text

Set the Button text with thi option.

Button Link

Add a link to the button here.

Icon Font

Select your preferred icon font family. Then, select your icon from the dropdown.

Icon Position

Set your preferred position of the icon.

Icon Spacing

Set the spacing of your icon.

Icon Size

Set the size of the icon.

2. Style

he Style tab is used for customizing the appearance of all the Advertisement Banner widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets.

Title Style

Typography

Assign size, weight, spacing and much more to fonts.

Title Color

A color picker to assign suitable color to the title.

Sub Title Setting

Typography

Assign size, weight, spacing and much more to fonts.

Sub Title Color

A color picker to assign suitable color to the sub title.

Button Style

Button Above Space

Set spacing from top from here.

Padding

Put-in some inner space to button.

Typography

Assign size, weight, spacing and much more to fonts.

Text Color

A color picker to assign suitable color to the button text, on hover option is also provided.

Animation Settings

Set the Content Hover Effects here.

Background Setting

Border Radius

Set the radius curve of the accordion panel’s corner.

Box Shadow

Give Box/Text/Drop shadow effect and color to an element.

On-Scroll View Animation


On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.

View On Scroll View Animation Tutorial

3. Advanced


Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?