Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How To Use The Honeycombs Widget By Element Pack Pro

In this documentation, we will show you how to customize the Honeycombs widget presented by Element Pack Pro.

Inserting The Honeycombs Widget

Inserting The Honeycombs Widget

On the Elementor editor page, search by the Honeycombs widget name and drag and drop it on the page.

Note: You need both Elementor and Element Pack Pro installed to use this widget.

Content Tab Customizations

Layout Section Customizations

Go to Content > Layout


This image is showing the Layout section controls of the Honeycombs widget with markings for a better understanding

Find the HoneyComb Style (Default, Radius, Large Radius, and Zigzag) option and Honeycombs widget items here (with the Add Item button).

Also, find the Show Icon, Show Title, and Show Description switchers.


This image is explaining the Honeycombs widget item settings within the first subsection named Front

Find the Item Invisible switcher at the top. Then in Front Mode, find the Icon, Title, Title Color, Background Color, and Link options.


showing the controls of the second subsection named Back. This is the last image belonging to the Layout section.

In Back Mode, find the Content, Content Color, and Background Color options.

Additional Section

Go to Content > Additional

The image is showing the additional settings such as width, spacing, title tag, Content Animation Type, and Animation delay options to customize the honeycombs

Find the Width, Spacing, Animation Delay, Title Tag, and Content Animation Type options.

Work with The Style Tab

Item Section

Go to Style >Item


Come to the Item section, you will find two subsections; Front and Back.

In Front Mode, find the Background Type (Classic, Gradient), Background Color, and CSS Filters options.


In the Back Mode, find the Background Type, Color, and CSS Filters options.

Icon Section

Go to Style > Icon

Find the icon Color, Size, and Padding options.

Title Section

Go to Style > Title

Find the title Color, Padding, and Typography options.

Description Section

Go to Style > Description

Find the text Color, Typography, and Padding options.

All done! You have successfully customized the Honeycombs widget on your website.

Video Assist

You can also watch the tutorial video about the Honeycombs widget. Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge