Hover option doesn't work on all buttons

Design help Animations & Interactions
1

Hey guys,

I am trying to make my buttons change color when I hover over them. As you might see, the top right hand corner ones work perfectly, but not the others (they all have applied hover animations on them). I have also tried copying/pasting the buttons that DO work but those duplicates don’t work either.

What am I doing wrong ah!

Here is my public share link: Webflow - The Soulo Path
(how to access public share link)

2

Hi there,

Creating hover effects for your buttons is a great way to enhance user interaction. Here’s how to set it up:

  1. Select your button on the canvas
  2. In the Style panel, click the Selector dropdown and choose “Hover” state
  3. Set your desired background color for the hover state
  4. Make sure to apply the same class to all buttons where you want this hover effect
  5. For smooth transitions between states, go to Effects > Transitions in the Style panel while in the “None” state and add a transition for the background property

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.