Input fields 100%

  • Resolved kyliegarner

    (@kyliegarner)


    5 years ago

    Hi,

    Hoping someone can help me. I have a pop-up using the “Compact” view. However, I want the input fields and submit button to be on their own rows and 100% width of the column.

    Here is a screenshot of what I need – https://www.dropbox.com/s/0kza2eh80wm4nml/screenshot-2.jpg?dl=0

    I have been playing around with the CSS for a while now to try and override the flex, but clearly I am doing something something wrong!

    Thank you,

    Kylie

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @kyliegarner ,

    Please try overriding Hustle CSS with this:

    .hustle-form-fields .hustle-field.hustle-field-icon--static {

flex: 1 100% !important;
}

    let me know if this will work on your site.

    kind regards,
    Kasia

    Thread Starter kyliegarner

    (@kyliegarner)

    Hi Kasia,

    thanks so much for responding. Unfortunately it hasn’t made a difference with the fields. I cleared the browser cache just to be sure.

    Any other suggestions?

    Thanks,

    Kylie

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hello @kyliegarner

    I hope you are doing well!

    The CSS that Kasia has shared has worked perfectly from my end. Would you please add this CSS code to Appearanbace > Customizer > Additional CSS?

    Please besides the browser cache, purge site’s cache too.

    Let us know how it went!

    Cheers,
    Nastia

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hello @kyliegarner

    I hope you are doing well!

    We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

    Kind regards,
    Nastia

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Input fields 100%’ is closed to new replies.