I'm attempting to disable the Search button wobble animation in Solo subtheme.
So far, CSS injection in the settings hasn't worked. It looks like my CSS is loading, but is then being overridden by /solo/css/base/solo-variables-regions.css

I'm guessing that the file hierarchy is keeping base/solo-variables-regions.css from being overridden?

Either way, the question is: how can I turn the animation off or change it?

CommentFileSizeAuthor
#3 dis-anim.png164.86 KBflashwebcenter

Comments

aharown07 created an issue. See original summary.

aharown07’s picture

aharown07 commented
Title: How to » How to remove animation from buttons
flashwebcenter’s picture

flashwebcenter
he/him
Primary language English
Location Austin TX
commented
StatusFileSize
new dis-anim.png164.86 KB

Hello,
Under the Page Settings section, you'll find a field for CSS classes. You can apply custom classes there, just like I’ve done in the screenshot.

Anim

Best wishes,
Alaa

aharown07’s picture

aharown07 commented

Thanks! I'll check that out.
I also discovered that it works to copy the animation css file into the subtheme /css folder and rename it: solo-subtheme-animation.css

At first, it didn't seem to work, even after flushing caches. But I got interrupted and returned and then it worked (maybe I didn't flush the caches when I thought I did?).

flashwebcenter’s picture

flashwebcenter
he/him
Primary language English
Location Austin TX
commented
Status: Active » Fixed

Glad it’s working now! Cache delays can definitely be sneaky sometimes.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.