Forums

When hovering over the Submit button, the button jumps and the color changes to half the template color and half white. This happens on all my websites. What is causing this please?

Probably your template. You might have to find the corresponding code in your template's CSS and tell it not to target buttons inside the chronoforms classes.

Thank you, healyhatman. I can find the CSS for the button, but how do I tell it not to target buttons inside the chronoforms classes?

Should be :not(.ui)

Well that's for V6 actually I don't know v5

Not sure where to put it. Tried several places; thought the most likely might be...
.bf-button:not(.ui)
but nothing works.
Tried changing the padding too, but makes no difference.

HI margknox,
​
Use your browser web developer tools to check the class of the form and/or the button and you can then add the necessary CSS to over-ride or block the template CSS.
​
Bob

Actually, I used the browser web developer tools before I asked the question.
But I don't know what the necessary CSS to over-ride or block the template CSS is, or how to add it. Where can I get that information?
There's a form at https://supportnetwork.org.au/index.php?option=com_chronoforms5&chronoform=contactcssa
Thank you.

Just remove the sacsn-button class from your button.

Thank you Healyhatman, however that doesn't make any difference. Actually, I'd prefer the template default button.

Yep you're right. It's actually your template targeting the .button class, so you'll need to remove the bootstrap classes. Just use
​

button sascn-button

Thank you, that does have some effect. It's using the template hover state fully instead of half.
However it's still using the bootstrap button in passive state, and still jumps when changing from passive to hover.