Hello! I’d like to use the social media icons on a page, but the only widget I can find is the social media counter. The counter is great but won’t work for my purposes. Could you please provide the code for the social media icons seen in the footer here (http://e50.4da.myftpupload.com/)?
Never mind! I found it…<div class=”td-footer-wrapper td-footer-template-13″>
<div class=”td-container”>
<div class=”td-pb-row”>
<div class=”td-pb-span12″>
<div class=”footer-social-wrap td-social-style-2″>
<span class=”td-social-icon-wrap”>
<i class=”td-icon-font td-icon-facebook”></i>
<span class=”td-social-name”>Facebook</span>
</span>
<span class=”td-social-icon-wrap”>
<i class=”td-icon-font td-icon-instagram”></i>
<span class=”td-social-name”>Instagram</span>
</span>
<span class=”td-social-icon-wrap”>
<i class=”td-icon-font td-icon-mail-1″></i>
<span class=”td-social-name”>Mail</span>
</span>
<span class=”td-social-icon-wrap”>
<i class=”td-icon-font td-icon-twitter”></i>
<span class=”td-social-name”>Twitter</span>
</span> </div>
</div>
</div>
</div>
</div>
Actually, this code will work in a raw html element, but not in a widget for the sidebar. How can I adjust the code so that it works in a widget? Thank you!
Hi,
You can enter the code in the Text widget element, which supports HTML also
– https://www.screencast.com/t/QP2VbRjIaklB
But the result will be like this
– https://www.screencast.com/t/vjGEOLhl39H
You could use a code like this to make them display better
– https://www.screencast.com/t/tRgSIsiqPI
.textwidget .td-header-sp-top-widget {
text-align: center;
}
.textwidget br {
display:none;
}
.textwidget .td-social-icon-wrap {
padding: 15px;
}
Thanks
