How to add banner in Elementor

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.

Create a Page and Add a new section to the Page

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

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

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

Add the Banner widget to the page

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.

Select and Customize the Settings

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.

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

Here is what our banner looks like

Conclusion

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.

🚀 Introducing Our New Slack HR Bot: Effortlessly Track Attendance Within Slack! - Learn More

How to add banner in Elementor