• Resolved vind

    (@vind)


    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.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Looks like some padding causing the issue.
    When you define styles for that submit button, just use an additional selector for the :active class.

    Thread Starter vind

    (@vind)

    What exactly does that mean, and what would it look like?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try a CSS forum like http://CSSCreator.com/forum for this level of CSS support.

    Thread Starter vind

    (@vind)

    How do I report this as a theme bug?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’d need to first produce the issue on theme’s demo website http://wp-themes.com/twentytwelve

    Thread Starter vind

    (@vind)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter vind

    (@vind)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I suspect it has something to do with your syntax error on 183 of your Child Theme stylesheet.

    Thread Starter vind

    (@vind)

    Yeah, I just noticed that one of my declarations was missing a semicolon. My button works perfectly now. 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Theme: TwentyTwelve (Child)] Button shrinks when pressed’ is closed to new replies.