Inline form-group max-width

  • I’m trying to build a form using the layout:inline setting so that I can get Bootstrap’s inline styling (no labels, placeholder text). In Other Notes, it states, “note that in most cases the inline form will need additional styling to look good”. That’s fine with me, I can easily figure out all the custom styling. However, when I apply the layout:inline setting, the following style is added to the page header:

    div.wpcf7 .form-inline .form-group {
    max-width: 250px;
}

    Obviously, this is easy to override with my own styles, but I’m wondering where this 250px comes from and if it should be overridden or changed somewhere else other than writing my own CSS? I certainly could dig through the PHP to try to find where this 250px is coming from, but I’m hoping I can get a quick answer on here.

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Author Felix Arntz

    (@flixos90)

    Hi Brandon,

    I added these styles to the plugin so that there is at least a default limitation for the button width. You’re right that it still needs to be overridden in most cases. The limitation only exists so that the form controls hopefully appear inline by default. If they still spanned across a 100% width, it would be more confusing for users that do not know about the required manual adjustment.

    Hope that helped!

Viewing 1 replies (of 1 total)
  • The topic ‘Inline form-group max-width’ is closed to new replies.