Snippet: Display Labels in the Social Widget

  • Updated:
Rather then using custom code for this we would recommend simply creating a template via WPBakery > Templates and use the Social Links element then display this template using the Template widget.

The Total social widget by default only displays the site icons but the name of the sites are in the HTML for accessibility reasons. If you want to display them you can use some CSS like the following:

.wpex-fa-social-widget .screen-reader-text {
    clip: auto;
    position: static !important;
    height: auto;
    width: auto;
    overflow: auto;
    font-family: inherit;
}

.wpex-fa-social-widget .wpex-social-btn {
    width: auto !important;
    padding-left: 10px;
    padding-right: 10px;
}

.wpex-fa-social-widget .wpex-social-btn .fa {
    margin-right: 6px;
}
Learn how to add custom CSS to your site.
Back To Top