Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Customize Filter Inputs Layout

Viewing 7 posts - 1 through 7 (of 7 total)
  • Chris Tiemann
    (Private)  January 22, 2021 at 11:19 am #273609

    Hello,

    wen need to “tweak” the layout of the Filter Section above the results. The results are properly formatted in /templates/results.php, but how to change the HTML for the filter section?

    Is there a way to customize this layout without losing changes after update?

    Thank you very much.

    Trevor Moderator
    (Private)  January 22, 2021 at 12:13 pm #273620

    This is the guide to making ‘safe’ changes to our results.php template:

    https://searchandfilter.com/documentation/search-results/using-a-shortcode/#customising-the-results

    Do you need to style the form itself? If you share with me a live link/URL to your search page so I can take a look, I might be able to give you some custom CSS, but you would need to show me, with one or more annotated screenshot(s), the design change(s) you want? If you can do that, you would need to upload the screenshot image(s) to a file sharing site (like the WordPress Cloudup site, Google Drive, Weshare, Dropbox etc.) and share the link with me?

    Chris Tiemann
    (Private)  January 22, 2021 at 2:05 pm #273647

    Hello yes we need to customize the form layout. As we use UIKit I need to wrap the search form in a additional Container and also I want to add UIKit Classes to the inputs.
    The inputs are not that important…but I really need to put the Filter Form in another div.

    Chris Tiemann
    (Private)  January 22, 2021 at 2:06 pm #273649

    Of course I know the documentation and made safe changes to results.php before 🙂

    Trevor Moderator
    (Private)  January 22, 2021 at 2:09 pm #273654

    So, you want something like this:

    <div class="yourUIKitClass">
  <form class="searchandfilter">
    form contents
  </form>
</div>

    If so, how are you placing our form on the page? Does your theme allow you to add that extra div?

    Chris Tiemann
    (Private)  January 22, 2021 at 4:50 pm #273709

    Thank you very much

    Trevor Moderator
    (Private)  January 22, 2021 at 5:12 pm #273723

    Did that resolve it for you?

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

The forum ‘Search & Filter Pro’ is closed to new topics and replies.