Animate an Icon (How-To)

Article Details

If you already have Pop-Up Alerts set for a custom icon, but you'd like to ensure that it sticks out a bit more, you can set it up to spin in place. To set this up, follow these steps:

 

How to Animate an Icon

  1.  Navigate to Left-hand Navigation: Admin > Animals > Animal Icons. Locate the custom animal icon you'd like to animate and select the Pencil icon to edit.

  2. Find the technical name for the icon, located in the Icon field. (i.e. fa fa-fighter-jet) and write it down.

    mceclip0.png

  3. On the Animal Icons admin page, navigate to the Icon Classes page, which is found in the Related Pages section at the top of the page.

    mceclip1.png

  4. Search the Class column for the technical name of the icon that you wrote down in step 2. Locate the proper record, and then select Edit.

    search-class-column.gif

  5. Enter " fa-spin" (without quotes, including the space) to the end of the Class field string. Do not change anything else. (i.e. fa fa-fighter-jet fa-spin)

    mceclip2.png

  6. Click the Save. Your icon should now be spinning!

    click-save-button.gif

 

Related Resources

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.