No results found. Try again with different words?

Search must be at least 3 characters.

    Slide Box Module

    The Slide Box module is an interactive module which allows to display information to the users as they click or hover on them.

    This module can help you create some quick sections with just a drag and drop of Slide Box module.

    Here’s a screenshot of the Slide Box –

    Adding Slide Box Module –

    Let’s see how to use Slide Box module in Beaver Builder –

    Note: Before starting make sure you have Beaver Builder and Ultimate Addons for Beaver Builder plugins installed and activated.

    Step 1 – Edit page/post with Beaver Builder and opt to add new module. Search and drag-and-drop the Slide Box from the UABB’s Modules list.

    Step 2 – Add a relevant title, Photo/Icon from the Image Type, select appropriate Layout options and add some description and choose heading tags.

    Step 3 – Once you are done adding all the content you can configure with advanced features, colors and typography.

    Configure Slide Box With Advanced Features

    The various Advanced settings and Features that allow you to manage the layout, background of the module, Color and Size of the Image/Icon, and more styling options for all the elements.

    Let us take a look at each settings section of the Slide Box module in brief.

    Below are the few key features we have taken care of –

    Customize Front & Back of Slider

    There are separate sections for the Slide Box Front and Slide Box Back where you can insert the content and manage the Icon/Image position.

    You can also manage the Image style from Simple, Circle, Square, or even “Design your own” style.

    Also, you will have the options to manage the position of the Image/Icon. And also manage the Mobile Structure.

    Add an CTA to the Back of Slider

    They are one of the most important feature which allows the customers to take action. It basically direct the user to the required section of the website or take them to the Services Page, Contact Page, etc.

    Interactive Styles for Better Engagements

    We provide three Interactive Styles under the Styles tab of the module. Here you can simply select the required Style modify other settings if required.

    Change the background, spacing, alignment and even an Overlay Icon which is display on viewing the back of the Slide Box.

    You can also set a Minimum Height for the Styles.

    Was this article helpful?

    Did not find a solution? We are here to help you succeed.

    Related Docs

     

    Grab this rare opportunity to save up to 50%

    WOAH, HOLD ON THERE!

    Don't Miss Our Biggest Discount

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    You are backed by 100% risk-free money-back guarantee.

    Grab Our Biggest Discount Of All Time. Don’t Miss Out!

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Scroll to Top