Add The Font To Your Website
Then simply paste the following code anywhere between <head>…</head> tages of your <strong>header.php.</strong>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
Now go ahead and open up your social_icons.php file in your child theme.
<span><i class="et-social-icon fa fa-vk"></i></span></a>
*Keep in mind the colors used are based on the default Divi color scheme. You can modify the color code as needed.
use the style.css
i.et-social-icon.fa.fa-vk {
font-size: 30px;
text-align: center;
display: inline-block;
position: relative;
transition: color 300ms ease 0s;
color: #666;
text-decoration: none;
padding-left: 20px;
}
And now for the hover.
i.et-social-icon.fa.fa-vk:hover {color: #2EA3F2 !important;}
Read More