WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Theme: TwentyTwelve (Child)] Button shrinks when pressed (11 posts)

  1. vind
    Member
    Posted 1 year 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.

  2. Andrew
    Forum Moderator
    Posted 1 year 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.

  3. vind
    Member
    Posted 1 year ago #

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

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  5. vind
    Member
    Posted 1 year ago #

    How do I report this as a theme bug?

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  7. vind
    Member
    Posted 1 year 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.

  8. Andrew
    Forum Moderator
    Posted 1 year 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.

  9. vind
    Member
    Posted 1 year 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.

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  11. vind
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic