Promo Box
How to Configure and Style Promo Box Elementor #
Promo Box Widget Elementor is a powerful element that combines an image and a promo heading with a hidden promo content. Then it adds an elegant effect to fuse it all together. The relative movement of the different contents of the element creates an amazing effect.
How to Activate Promo Box #
To use this Spexo Elementor Widgets element, find the ‘Promo Box‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Promo Box’ into the ‘Drag widget here‘ or the ‘+’ section.
After you are successfully done with step 1, this is how the element is going to look like.
How to Configure the Content Settings #
Under the ‘Content’ tab, you will find the ‘Images’ section.
Image #
From the ‘Image’ section, you can upload your chosen ‘Promo Image’ and set image size to your Promo.
Content #
From the ‘Content’ section, you can change Title HTML tag, Icon type, add Title and Content to your Promo add a Link as well.
Effects #
From the ‘Effects’ section, you can change hover animation, animation duration, delay time, distance, Image animation and animation timing. Moreover, you can add a border type and set the border color as well.
Click to See Live Demo #
How to Style Promo Box #
Switch to the ‘Style’ tab to style all the features of Promo Box.
Content #
From the ‘Content’ section, you can set a Icon color, Title color, Description color, Transition Duration, Alignment, padding and set the text shadow as well.
Besides, you can modify the ‘Height’ and ‘Typography’ of title and description.
Overlay #
From the ‘Overlay’ section, you can set a Overlay color, CSS filter and change Blend Mode as well.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Promo Box as per your preference.
This is how you can easily design a beautiful looking Promo Content on your website using Promo Box.
Getting stuck? Feel to Contact Our Support for further assistance.
Functional Always active
Preferences
Statistics
Marketing
Subscribe & Download
Enter Your Email Address to Know About the Latest Updates & Features.