Home>Support>SiteOrigin CSS + Animate It!

SiteOrigin CSS + Animate It!

By Thross, 6 years ago. Last reply by Alex S, 6 years ago.

Hey guys,
thanks for your awesome work! I’m new to CSS and have a question:

My goal is to animate one specific icon of a SiteOrigin Features Widget with Animate It!.
I used your CSS visual editor to target the icon and underline it…

.so-widget-sow-features-default-178e322a1a17 .sow-features-list .sow-features-feature .sow-icon-container [class^="sow-icon-"] {
  text-decoration: underline;
}

so that I can replace it with an example Animate It! class (animated spinner duration1 infinite):
.so-widget-sow-features-default-178e322a1a17 .sow-features-list .sow-features-feature .sow-icon-container [class^="sow-icon-"] {
  animated: spinner duration1 infinite;
}

But unfortunately I get the warning: “Unknown property ‘animated’.
I would appreciate some help on how to get this done. :)

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Thross,

    Do you have a public URL where we can take a look at what’s going on?

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More