Promo Box

Overview

Capture attention with the “Promo Box” module, your ultimate tool for spotlighting offers, announcements, or key messages. This versatile module lets you create eye-catching promotional boxes that stand out on any page. With customizable design elements, you can tailor the look to match your brand while drawing focus to what matters most.

Whether you’re highlighting a special deal, a new product, or a call to action, the Promo Box module ensures your message doesn’t just blend in—it shines. Use it to create compelling content that engages your audience and drives them to take action, all while adding a stylish touch to your website.

Custom Contents

Add vibrant images with alt text for accessibility, and adjust the size to fit your design perfectly. Choose between icons or images for extra flair, and craft compelling titles with custom HTML tags. Include engaging descriptions and buttons with text and URLs, and decide whether to add a button icon for that final touch.

Custom Animations

Choose from various hover animation types and set duration and delay to create a visually stunning effect. Customize hover borders with your preferred style, width, and color for an extra touch of flair. Enhance your images with captivating animation types, timing, and delays, ensuring every hover and click brings your promotions to life.

Style Contents

Customize title and description typography to perfectly reflect your brand’s style, and adjust the spacing to ensure clarity and focus. Set precise height and padding for a polished look, while rounded borders add a touch of elegance. Align your content horizontally and vertically for a seamless, professional presentation.

Define Buttons

Choose between transparent or colored backgrounds to match your brand’s aesthetic, and set striking text colors with hover effects that make your buttons pop. Customize border radius, type, and width to create the perfect look, and adjust border colors for a stylish finish. Fine-tune button padding to ensure a comfortable click experience.

Customize Overlay

 Choose an overlay color to seamlessly blend with your content, and set a hover color that enhances interactivity. Experiment with various overlay blend modes—whether you prefer a classic normal mode or more creative effects like multiply, screen, or color dodge— to achieve the perfect visual impact.