Custom Icons in Item Flags

  • I just bought the Pro version to use the item flags. Using the flags seems straight forward.

    Is it possible to add/create custom icons? I have a site/client that requires some icons that are not in your standard set. (They don’t want to use the “industry specific” for some of them, and then have some custom ones such as a “Customer Favorite” (this is very common with restaurant menus)

    How can this be done?

Viewing 1 replies (of 1 total)

  • Hi @blakemiller,

    You’ll need to upload the image you want to use and then write some custom CSS to fit each item flag with the image you want.

    Each item flag is assigned a class based on the text of the item flag. For example, an item flag named “Example” would have the class fdm-flag-example. So you can target that item flag with some CSS like this:

    
.fdm-flag-example {
    background-image: url(https://your-site.com/the-icon.png);
    background-size: 48px;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    border: none;
}

    You may need to play around with this to get it the way you like, but hopefully that gets you started.

    (btw, since you’ve purchased a product, you can use the contact form on my site for support. You’ll typically get a quicker answer as a paying customer than on these forums.)

Viewing 1 replies (of 1 total)
  • The topic ‘Custom Icons in Item Flags’ is closed to new replies.