Elementor Tips & Tricks : Icon Box
1. Drag and Drop Icon Box widget
![](https://kapasias.com/wp-content/uploads/2020/11/icon-box-elementor-widget.jpg)
2. Set custom class and make it inline from Positioning Tab.
![](https://kapasias.com/wp-content/uploads/2020/11/add-custom-class-in-elementor-widget-icon-box.jpg)
3. Set styling in widget and duplicate and set custom class in duplicate widget
4. Set custom class in column
![](https://kapasias.com/wp-content/uploads/2020/11/add-custom-class-in-elementor-column.png)
4. Use below custom css
.iconbox-trick { width: max-content !important; margin: 0 auto; cursor: help; } .iconbox-trick .info-box-inner-1{ z-index: 1; transform: translateX(50px); transition: all 0.1s linear; } .iconbox-trick .info-box-inner-2{ z-index: 3; } .iconbox-trick .info-box-inner-3{ z-index: 2; transform: translateX(-50px); transition: all 0.1s linear; } .iconbox-trick:hover .info-box-inner-1, .iconbox-trick:hover .info-box-inner-3{ transform: translateX(0px); }