New to the community? Start here

Dash icons do not appear on front-end

Dashicons not working on my site.

Mon, 2 Mar 2020 5:18:56
  • Predrag Dubajic
    • Support

    Hi Robin,

    I checked the icon HTML structure and can see that it’s completely missing “dashicons” class which is responsible for getting the correct styling attributes and apply the icon on that field.
    I can see that your theme and its core plugin are quite outdated so it’s possible that this could be the cause of this.
    There’s also possibility of a conflict between plugins or theme on your site which prevents correct class being added.

    You can go to Appearance > Theme Options, open CSS editor from there and paste this code that should show the icon properly:

    #mojo-sp-left-button span {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
}

    This is more of a workaround and I would suggest checking for conflicts and updating the theme to try and find the exact cause of the issue.

    Best regards,
    Predrag