Table Of Contents

How to Use Callout Widget

In this documentation, I’m going to show how to use the Elementor Callout Widget by Element Pack. This widget will allow you to show a short piece of text that gives information about something like document etc.

To Insert Widget

Inserting widget, it is just a matter of drag and dropping. As you see in the screenshot above.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part of a website[option be added]. And in this regard, some handy sections in the tab will assist you a lot designing the call out box.

Layout

Callout widget layout

Here, this section will allow you to add Title and Description to the Call Out.

Go to the Content tab > Layout.

Button

Elementor call out widget button

In this section, you’ll be able to add text, Link, Align, and Icon to the Button. Most importantly, you can allow Custom Attributes to the Button.

Just, follow the flow Content tab > Button.

Style Tab

It is time to work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you want to design with the Callout widget. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Text

callout 3 - BdThemes

This section will let you add Color and Typography to the Title and Description.

Button

Normal:

callout 4 - BdThemes

In the Button section, in terms of Normal mode, you can do the things, seen in photo above.

Hover:

callout 5 - BdThemes

But, in terms of Hover mode, you can add Text, Background, and Border Color and along with Box Shadow.

Most importantly, you can set Animation.

Icon

Normal:

callout 6 - BdThemes

This section will allow you to set Text Color, Background Type(Classic/ Gradient, Icon Size, and etc. in the Normal mode.

Hover:

callout 7 - BdThemes

On the contrary, in Hover mode, you can set Text Color and Background Type.

Video Assist

In conclusion, I think you’ve noticed that it is super easy to use Call Out Widget by Element Pack in the Elementor. And also hope that you’re going to get this documentation useful. Watch Video Assist and visit the demo page.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.