Table Of Contents

Elementor Trailer Box

How to Use Elementor Trailer Box widget

If you’re looking for something suitable for advertising your business, our Elementor 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 Elementor Trailer Box

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

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 in designing the product box.


Elementor Trailer Box layout

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.

height-width adjustments for the tailer box widget

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.

background settings for the Elementor Trailer Box

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

title of the product box

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)

Elementor Trailer Box button

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

More button settings by Element Pack

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 the Elementor Trailer Box. 

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

Let’s have a look.

Trailer Box

trailer box style 1 - BdThemes

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.


trailer box style 2 - BdThemes

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


trailer box style 3 - BdThemes

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.


trailer box style 4 - BdThemes

Only, go to the Style tab > Button > Normal for the Elementor Trailer Box.


trailer box style 5 - BdThemes

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.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

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 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.