How to add banner in Elementor

Looking to add a banner to your WordPress site? Adding a colorful interactive banner to your site lets you add some context to your site and also appear visually appealing.

In this blog, we are going to use banner widget from Premium Addons to show you,  how to add banner in Elementor so let get into it.

To Create a page go to the WordPress dashboard > pages > add new

Fig (a) Click on Add New Page

After the page is created it’s time to add a section to it. To Add the Section Click on the ‘ + ’ Icon.


add new section click on the plus icon

Fig (b) Click on the Icon to Add the New Section

Now select any structure you like according to your need. We are choosing the plain one for now.

Fig (c) Click on the Structure to Add the New Section

Now Search and locate the banner widget using the search field at the top. Drag and drop it on the page, where you want it to be placed.

Fig (e) Add Banner to the Section

In the left-side menu open the Content menu tab and unfold the Content section.

The features that this section includes are

Image. Here you can select the background image from your media library;

Content. If you need to add some explanation or notification to the banner – you can insert it here. This text will also be displayed over the image;

Responsive. If the description text is not suiting well on specific screen sizes, you may enable this option which will hide the description text.

Content Section

Fig (f) Edit the Banner

The last step is to style your banner up. Proceed to the Style tab and create your perfect banner design.

styleimage banner

Fig (g) Style the Banner.

Here is what our banner looks like 

add image in elementor

Fig(m) Preview

Alright! Now you know how to add banner in Elementor. We hope this guide has helped you.

Feel free to contact us if you need any help regarding this topic. Do let us know the topics you want us to cover in the comment section or reach out to us with your queries by clicking the contact form below.