(By the way: I think there should be a CSS and Styling subforum here...)

If you go to my blog, on any post, and look at the "Post Comment" button below the comment area, such as here: http://www.derekbeck.com/1775/info/noble-train-2/
you'll see, even as you mouseover the button, that the size does not change.

Yet, on this contact form: http://www.derekbeck.com/1775/contact/
the "Send Email" button, which should be styled the same as the above button, has a strange behavior as you mouseover the button: it grows a few pixels wider.

I've studied the CSS and I cannot figure it out. Anyone else with fresh eyes perhaps have a clue what I'm missing?

Thanks! Derek

it's being caused by one of the jscripts

There is different padding on the two button states. If you change the hover to padding: 0 5px; it works as desired.

input.buttonhover {padding: 0 5px;}

Okay, thanks! Now, at least I know what to look for. Now I'll search to figure out where this is being set, so I can change it.

So, I think this is a bug (well, oversight) in ATA theme.

@lmilesw your fix is perfect. Thanks!

I basically figured out that I had, in the ATA theme under "Style and configure Comments">Submit Button Style the following:

padding: 0 5px;

and that was it. But ATA applies the buttonhover class (so if that's done with javascript, it is coming from ATA) over buttons by default, yet it should give, in that same tab, an option to style that too, having it side by side by the regular (no-hover) state.

As it does not, a simple fix is to match the padding in the CSS inserts section of the theme. But I like having both sides of a hover/no hover CSS state next to each other.

Anyhow, I decided to remove the small CSS under ATA>Style and configure Comments>Submit Button Style, leaving it blank there now, and instead just put the following in the CSS inserts tab:

input.button, input.buttonhover {
	padding: 0 5px;
}

Thanks again!

Derek

PS: Curious why it didn't show up on my other forms such as comments, but whatever. Fixed now.

ato-Style FORMS->Submit Buttons: Hover Style