fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Layers Widget
Blog Template
January Updates

Icon Box Accordion

The Icon Box Accordion Widget help you layouts your content into and interactive accordion in your Elementor website. You can customize the widget using its wide range of customization options.

 

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

Install Icon Box Accordion 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 “Icon Box Accordion”
  3. Hover over the widget in the search results and click install
  4. Add your “Icon Box Accordion” widget to any Elementor Page

General Settings

1

Accordion Height

Set the accordion height.

2

Layout

Select the layout of icon box accordion.

  • row
  • column
3

Gap

Set the gap between box accordion items.

4

Entrance Animation

Set entrance animation for icon box accordion.

  • puff-in-center
  • slide-in-blurred-top
  • slide-in-top
5

Item Animation Duration

Set the duration of item animation.

6

Animation Time Step

Set the animation time step in milliseconds.

7

Show Button

Show/hide the button.

Items Settings

Manage the items of icon box accordion using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1

Title

Type text to show as title.

2

Graphic Element

Select graphic element to show from below options.

  • None
  • Icon
  • Text
  • Image
3

Icon

Choose icon to display.

4

Button Text

Type text to show in button.

5

Link

Type or paste your URL to link with accordion.

6

Background Color

Set the background color.

7

Show Background Image

Show/Hide the background image.

8

Graphic Element Background

Set the graphic element background.

9

Graphic Element Color

Set the color of graphic element.

Icon Box Accordion 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.

Item Styling

Set the item padding, border, radius, and item shadow.

Graphic Element Styling

You can style the width, height, background color, border, radius, spacing, color, typography, icon size, offset and opacity of graphic element.

Title Styling

You can set the title color, typography, spacing, opacity, and offset.

Button Styling

Set the button typography, padding, radius, background color, text color, border, offset, and opacity.

Background Image Styling

In this section, set the background image opacity and background image opacity hover.

Usage Examples

Here are some live use cases for the Icon Box Accordion widget.

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!