The mouse hover effect looks strange, as a square still appears behind the circle.
How can I change the hover color and the transparency gradient?
Hey bremerlloyd,
This can be addressed with the following quick css, specifically “background”:
.avia-team-member .team-social {
border: 7px solid rgba(0, 0, 0, 0.1);
position: absolute;
font-size: 19px;
background: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
border-radius: 3px;
}
Best regards,
Jordan Shannon