Classic buttons hover behavior: reducing margins

Support
#1

As you can see in this 25 sec video, the classic buttons are messing with margins on mouseover:

I set their class to “.btnbtm” and added CSS:
.btnbtm {margin-bottom:2em;}

It’s as if the hover state negates that.

What CSS needs to change to stop that behavior?

#2

Hi,

Your site is currently under Construction so we can’t check what is causing the issue.

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#5

I created an admin user for you…

#6

Hi,

I found the issue, it’s because the margin bottom for hover state is different from normal state.

To fix this, please add this css code as well.

.btnbtm:hover {margin-bottom:2em !important;}

Thanks

#7

You rock!!! Thank you. I should have guessed that would do the trick.

#8

You are most welcome. :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.