X-Cart forums - Crisp White Loading Animation

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)

- - Crisp White Loading Animation (https://forum.x-cart.com/showthread.php?t=75518)

BrandonLR

07-19-2017 12:31 PM

Crisp White Loading Animation

1 Attachment(s)

The animation that pops up when loading certain screens/changes in the Crisp White skin...I'd like to change that from those little blue dots to something else.
Anybody have any idea how this could be done?

(image attached for reference)

qualiteam

07-20-2017 12:52 AM

Re: Crisp White Loading Animation

Search CSS files for rules that apply on selectors having "block-wait" and "wait-block" in them.
You should change these rules to the other animation effect that you want.

BrandonLR

07-20-2017 08:38 AM

Re: Crisp White Loading Animation

Quote:

Originally Posted by qualiteam

Search CSS files for rules that apply on selectors having "block-wait" and "wait-block" in them.
You should change these rules to the other animation effect that you want.

I'm guessing it's this folder and in styles.css?

/skins/crisp_white/customer/css ?

If I am correct, is this the line that controls the color of those spinning orbs?

Code:

@keyframes spin {

  0%,

  100% {

    box-shadow: 10px 10px #808080, -10px 10px #25c5df, -10px -10px #808080, 10px -10px #25c5df;

  }

  25% {

    box-shadow: -10px 10px #25c5df, -10px -10px #808080, 10px -10px #25c5df, 10px 10px #808080;

  }

  50% {

    box-shadow: -10px -10px #808080, 10px -10px #25c5df, 10px 10px #808080, -10px 10px #25c5df;

  }

  75% {

    box-shadow: 10px -10px #25c5df, 10px 10px #808080, -10px 10px #25c5df, -10px -10px #808080;

  }

}

qualiteam

07-20-2017 11:30 PM

Re: Crisp White Loading Animation

I never changed the animation effect and can't list the exact CSS lines that create it, but I guess that you're right and this rule is what defines the color of orbs.

BrandonLR

07-21-2017 07:19 AM

Re: Crisp White Loading Animation

Can I add new rules to the custom css in admin or do I have to modify the actual file?

qualiteam

07-24-2017 08:17 AM

Re: Crisp White Loading Animation

You should be able to replace (but not extend/cascade) the @keyframes rule with a custom one - I believe that rules from the Custom CSS tab are loaded after original rules.

All times are GMT -8. The time now is 07:36 AM.