Social Icons are displayed as a box

Hi, @xmsmmgrs

Please refer to this support topic that should help you fix the issue on your website.

I tied that, the problem is not from there. It is a css problem.

.post-meta, .ashe-widget>ul li span, .ashe-widget>ul li span a, #wp-calendar thead th, #wp-calendar caption, h1, h2, h3, h4, h5, h6, #reply-title, #reply-title a {
    font-family: 'Playfair Display';
    font-weight: 400;
}

The font family messes up things. If I disable the font family the icons are showing up correctly.

Hello @xmsmmgrs

Please add this CSS code in WP-Admin > Appearances > Customize > Additional CSS:

.socicon {
  font-family: 'socicon' !important;
}

This solution will overwrite your css rules from theme.

Thanks! @llemurya!

• This reply was modified 4 years, 5 months ago by Joseph.