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.
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.
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.
Fig (g) Style the Banner.
Here is what our banner looks like
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.
