HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Missing "Sprite" icons / buttons

OttensOttens New
edited April 2020 in Vanilla 3.x Help

I'm re-styling an old community here:

Recently upgraded to Vanilla 3.3

Somewhere in the redesign process, I lost the "Sprite" buttons or icons somehow, and even if I disable Custom CSS altogether I don't get them back.

I'm referring to, for example, the "favorite" icon and little gear you would otherwise see next to categories and discussions to edit them.

Any idea what went wrong? And how I can fix it?



  • Adding this to the stylesheet worked:

    .ReactQuote:before {
    content: "";
    .SpEditProfile:before {
    content: "";
    .SpFlyoutHandle:before {
      content: "";
    a.Bookmark:before {
      content: "";

    Although it's obviously not an ideal solution.

    If anybody has a better idea, please let me know!

  • R_JR_J Ex-Fanboy Munich Admin

    It might also be the same problem like that one: https://open.vanillaforums.com/discussion/comment/260649/#Comment_260649

    Can you check with your web developer tools if the vanillicon font could be loaded?

  • I'm not sure how to do that?

    Replacing the custom CSS I posted earlier with:

    @font-face {
     font-family: "vanillicon";
     src: url("../../../resources/fonts/vanillicon/vanillicon.eot");
     src: url("../../../resources/fonts/vanillicon/vanillicon.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/vanillicon/vanillicon.woff") format("woff"), url("../../../resources/fonts/vanillicon/vanillicon.ttf") format("truetype"), url("../../../resources/fonts/vanillicon/vanillicon.svg?#vanillicon") format("svg");
     font-weight: normal;
     font-style: normal;

    didn't work, though.

Sign In or Register to comment.