How to Use Trailer Box

How to Use Trailer Box

If you’re looking for something suitable for advertising your business, our Trailer Box Widget, I think, is perfect. The widget will allow you to display a short part of your business.

Below, I’ll instruct you to overcome the issues you may face while using the widget.

So, let’s move on.

To Insert Widget

Inserting widget, it is just a matter of dragging 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. And in this regard, some handy sections in the tab will assist you a lot.


This section here will allow you to get the basic layout structure of the trailer box. You will be able to set Title, Content. Especially, Content width, Origin(Top Left, Top Center, etc.) with the default one.

Moreover, Alignment (Left, Right, Center, and Justified)and Link will be there.

If you feel to reset the width and height of the content, you can do that easily. Simply, go to the Layout > Maximum Width & Height.

That’s it.

N.B: To make the Trailer Box lucrative, you can add a background image. And to do that go to the Advanced tab > Background > Background Type.

Pre Title

But, when you set Pre Title, you will get another section named Pre Title. Coming to this section, you’ll be able to set the position(X Offset and Y Offset) of Pre Title. In addition, you can set rotation.

Just, go to the Layout > Pre Title. And look at the screenshot above.


Now, come to the control Link. Here, you can go for the three (None, Button, Item)

If you select Button from the control, link, you will discover a new section named Button.

From the Button section, you’ll be able to add text( like View Details) and icon with button along with Icon Position and Spacing. Especially, the Button Position. Go to the Content tab > Button.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design. 

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

Let’s have a look.

Trailer Box

To begin with, this will let you add padding to the trailer content.

Just, go the Style tab > Trailer Box > Content Padding.

Then, you will find two modes – NORMAL, HOVER. In terms of the Normal mode, under three sub-sections(Pre Title, Title, and Description) you will be able to style.
The most important thing is the animation that is possible to set from this section. Keep eyes on the picture above.


Simply, go to the Style tab > Trailer Box > Normal.


Go to the Style tab > Trailer Box > Hover.


If you want to style the button, you can do that in both Normal and Hover mode.

Look at the screenshot below.


Only, go to the Style tab > Button > Normal.


Go to the Style tab > Button > Hover.

All the controls in this mode are same to the controls of Normal mode. Mostly, from here you’ll be able to set animation to the button.

Video Assist

In conclusion, it seems that you’ve read the article and found it very useful. If you want to know more about the widget, you can watch the video on Trailer Box Widget by Element Pack and visit our demo page too.

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.


Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 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.