Elementor Tips & Tricks : Icon Box

1. Drag and Drop Icon Box widget

2. Set custom class and make it inline from Positioning Tab.

3. Set styling in widget and duplicate and set custom class in duplicate widget

4. Set custom class in column

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);
}
FacebookInstagramYouTube