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