Primer:
https://www.awesomescreenshot.com/image/45355951?key=3b13ca7a69f24fcd07dc8264971cc2b3
/*CSS:*/
selector.video-tabs .elementor-tabs-wrapper .elementor-tab-title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
selector.video-tabs .elementor-tabs-wrapper .elementor-tab-title span.tab-icon {
background-color: var(--e-global-color-b5531a9);
width:50px;
height: 50px;
display: inline-block;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-top:20px;
}
selector.video-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active span.tab-icon {
background-color: var(--e-global-color-aac9a36);
}
selector #elementor-tab-title-1221 span.tab-icon {
-webkit-mask-image: url("/wp-content/uploads/2024/01/ball-alt.svg");
mask-image: url("/wp-content/uploads/2024/01/ball-alt.svg");
}
selector #elementor-tab-title-1222 span.tab-icon {
-webkit-mask-image: url("/wp-content/uploads/2024/01/good-heart.svg");
mask-image: url("/wp-content/uploads/2024/01/good-heart.svg");
}
selector #elementor-tab-title-1223 span.tab-icon {
-webkit-mask-image: url("/wp-content/uploads/2024/01/construction.svg");
mask-image: url("/wp-content/uploads/2024/01/construction.svg");
}
selector #elementor-tab-title-1224 span.tab-icon {
-webkit-mask-image: url("/wp-content/uploads/2024/01/analysis.svg");
mask-image: url("/wp-content/uploads/2024/01/analysis.svg");
}
selector #elementor-tab-title-1225 span.tab-icon {
-webkit-mask-image: url("/wp-content/uploads/2024/01/office-building.svg");
mask-image: url("/wp-content/uploads/2024/01/office-building.svg");
}
/*jQuery:*/
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var $ = jQuery
$(document).ready(function(){
$(".video-tabs .elementor-tabs-wrapper .elementor-tab-title").append("<span class='tab-icon'></span>");
})
</script>
dodati Tabs widgetu klasu ".video-tabs"