Disable Button Hover and Limit Size

Hi All

How can you disable hover effect on buttons? At the present it fills in black and looks terrible. I would like it to do nothing. The cursor change to a hand is enough.

Secondly is there a way to set a maximum size for buttons?
Again currently if I scale browser on a large screen the buttons end up huge!

Any help greatly appreciated

site: www.studioyoung.com

@Inkdave To disable the hover effect and set a maximum size on the button, you can add this code in Website > Pages > Website Tools > Custom CSS

#siteWrapper.site-wrapper .sqs-button-element--primary{
    max-width: 220px !important;
}

#siteWrapper.site-wrapper .sqs-button-element--primary:hover {
    background: transparent !important;
    color: black !important;
}

Hey @Lesum Thanks for the reply.

Disable hover works perfectly thanks!

However button scaling doesn't work. If I adjust max width it just makes the button shorter.
But it still scales...

Any other ideas?

Legend thanks so much.

You will see I have this animation wiggle on buttons, this unfortunately is applied universally. Is there CSS I can use to disable on "More: button?

Thanks

Again