HTML markup – example for one social
|
1 2 3 4 5 6 7 |
<ul class="list-inline ct-js-socials ct-socials ct-socials--type1 ct-socials-tooltip text-center"> <li> <a href="#" class="ct-social-link" data-social-hover-color="#3B5998"><i class="fa fa-facebook"></i> <span class="ct-tooltipContent">Facebook</span> </a> </li> </ul> |
Description
Attribute data-social-hover-color=”” responsible for social item color which one is already hovering. This allows you to set a different color to each social item.
example:
data-social-hover-color=”#000000″ – corresponds to the black color
JavaScript
Code responsible for this component is in the file: <script src=”../assets/js/main.js”></script>
Screenshots
Social Section
Social section – hover