fbpx

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.

Layout

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.

Button

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

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.

Normal:

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

Hover:

Go to the Style tab > Trailer Box > Hover.

Button

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

Look at the screenshot below.

Normal:

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

Hover:

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.

SIGNUP NEWSLETTER

Don’t worry we hate spam and we promise you will get only quality news and offer from us.

Enjoy Black Friday Exciting Deals Right Now. Check Here
© Copyright 2021 All Rights Reserved by BdThemes

Enjoy Black Friday Exciting Deals Right Now. Grab The Deals Before The Time Ends!

Day
Hour
Min
Sec