Posted 4 months ago #
Having little experience with CSS, I can't figure out what makes the submit buttons in Twenty Twelve shrink when pressed. It's very annoying, as it also pulls up my footer when a button is clicked.
I have put up a simple button for demonstration here.
Posted 4 months ago #
Looks like some padding causing the issue.
When you define styles for that submit button, just use an additional selector for the :active class.
Posted 4 months ago #
What exactly does that mean, and what would it look like?
Posted 4 months ago #
Try a CSS forum like http://CSSCreator.com/forum for this level of CSS support.
Posted 4 months ago #
How do I report this as a theme bug?
Posted 4 months ago #
You'd need to first produce the issue on theme's demo website http://wp-themes.com/twentytwelve
Posted 4 months ago #
Well, that would be as simple as just clicking the Search button, and the content underneath is pulled up by 1 pixel or something on the active: state.
Posted 4 months ago #
That's not the same issue as yours and it is not a bug. It is intentionally set by removing the border on the active state. You had a padding issue.
Posted 4 months ago #
The issue still persists when I view my website live with the original Twenty Twelve theme. I don't know how the clear and submit buttons on the theme preview page are rendered, as they seem to work fine in contrast to the search button (i.e. not pulling up the content underneath).
I used the following code to render my button:
<input type="submit" value="Press Me" />
On that note, I did manage to fix the resizing issue for my child theme yesterday, after dabbling with the code and changing about two or three values that were related. Can't remember what they were at the moment, though.
Anyhow, my issue now is that the border on the left of the button doubles when it's pressed. Can't really figure out what's causing that either.
Posted 4 months ago #
I suspect it has something to do with your syntax error on 183 of your Child Theme stylesheet.
Posted 4 months ago #
Yeah, I just noticed that one of my declarations was missing a semicolon. My button works perfectly now. :)
You must log in to post.
