Icon box hover color on all items

Title needs to be set on p !!!

/*Simple icon box*/

selector:hover span a,
selector:hover p a, selector:hover a i{
color: #FFBB32 !important;
}

selector span a,
selector p a,selector a i{
transition: 0.1s ease;
}


/*STACKED ICON BOX*/

selector:hover p,
selector:hover p a {
color: #2ED1C6 !important;
}

selector:hover .elementor-icon-box-icon a{
background-color: var(--e-global-color-secondary) !important;
}


selector p a,
selector p,
selector .elementor-icon-box-icon a{
transition: 0.1s ease;
}

/*add only if the icon is the same color as the background on hover
selector:hover a i{
color:black;
}
*/

/*for custom icons*/
selector a {
    color:#000;
    transition: 0.4s ease!important;
}
selector span,
selector p,selector svg{
    transition: 0.4s ease;
}
selector svg{
    fill:var(--e-global-color-primary) !important;
    transition:0.3s ease!important;
}
selector:hover svg{
    fill: var(--e-global-color-accent) !important;
}
selector:hover span,
selector:hover a{
    color: var(--e-global-color-accent) !important;
    transition: 0.4s ease;
}

Categories: ,

Tags: , ,