50% Off Limited Time Offer

Days
Hrs
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Hotspots - Featured Blog
How to Create a Comparison Table with Elementor
2151884857

Toggle Box for Elementor

The Toggle Box Widget allows you to create a content box with a toggle button that can show more information when clicking on it. You can use multiple graphic element source types to populate the content area in each box. It comes with lots of customization options to best suits with your Elementor page.

 

Let’s look at each of the options in the “Toggle Box Widget” below.

Install Toggle Box Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Toggle Box”
  3. Hover over the widget in the search results and click install
  4. Add your “Toggle Box” widget to any Elementor Page

Front Settings

1

Graphic Element

Select any of graphic element to show in toggle box.

  • None
  • Icon - Choose an icon to display.
  • Image - Choose an image to display.
  • Text - Use text editor to show text as element.
2

Front Title

Type the front title.

3

Front Text

Type the text to show on front.

4

Front Trigger

Type text to show as front trigger button.

5

Front Trigger Icon

Choose an icon for front trigger.

Back Settings

1

Back Title

Type the back title.

2

Back Text

Type the text to show on back.

3

Back Trigger

Type text to show as back trigger button.

4

Back Trigger Icon

Choose an icon for back trigger.

Toggle Box Widget Styling

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

General Styling

Style the height, radius, border, shadow and overlay.

Front Styling

You can style the front background, alignment, typography, and spacing.

Back Styling

You can style the back background, alignment, typography, and spacing.

Front Trigger Styling

In this section, set the front trigger background, padding, typography, horizontal snap, horizontal and vertical spacing.

Back Trigger Styling

You can set the back trigger background, padding, typography, horizontal snap, horizontal and vertical spacing.

Graphic Styling

This section lets you set the width, height, background color, border, radius, spacing, typography, and icon size.

Usage Examples

Here are some live use cases for the Toggle Box widget.

Video Overview

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!