Forums › Forums › Search & Filter Pro › Fields on maximum width

Viewing 4 posts - 1 through 4 (of 4 total)
  • Anonymous
    (Private)  April 9, 2020 at 8:15 pm #239603

    Hello,

    On my website the input fields have a different width.
    See: https://www.poolwest.nl/vacature-archive/

    I see that there is a default width, but this is not wide enough.
    Can you help me with some custom css to have all the input fields have the same (wider) width?

    Thanks,
    Elly

    Trevor
    (Private)  April 10, 2020 at 9:58 am #239646

    Could you first change the combobox script to Select2 (there is an option in our settings page to choose which Combobox script to use). Your current form uses Chosen, which is set within our plugin by default. However, it is now pretty much abandoned and has not received any major updates in a long time. It has poor support for iOS devices for example.

    Select2 is maintained now by the WooCommerce team, who are, of course, owned by Automattic, the owners of WordPress, and as such is used by a lot of themes and plugins.

    This custom CSS might then do it for you:

    .searchandfilter[data-sf-form-id="9331"] li.sf-field-search input,
.searchandfilter[data-sf-form-id="9331"] li.sf-field-search label,
.searchandfilter[data-sf-form-id="9331"] .select2-container {
  min-width: 100%;
}

    Please note that we are now into an extended public holiday weekend (Friday to Monday inclusive) here in the UK. We may be working for some of this period, but replies may be delayed at times.

    Anonymous
    (Private)  April 10, 2020 at 10:03 am #239650

    Perfect, thank you!

    Trevor
    (Private)  April 10, 2020 at 10:04 am #239652

    Thanks for getting back to me. I will close this thread for now.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)