Forums › Forums › Search & Filter Pro › Search Bar Only

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Anonymous
    (Private)  March 27, 2019 at 5:56 pm #206645

    I want to put a big search bar in the middle of the landing page, just search bar without any other filters. How can I do it with shortcodes?

    Trevor
    (Private)  March 28, 2019 at 6:19 am #206696

    Simply make a form with the search field in it. To alter the position, size and style would require custom CSS.

    You need to check in your theme or page builder help or documentation as to how you add this to the landing page:

    1. As a widget, OR
    2. As a shortcode in a Text/HTML editor/block (looks like [searchandfilter id="1"]), OR
    3. By editing the landing page php template file and adding a WordPress php do_shortcode() function.

    See here:

    https://searchandfilter.com/documentation/getting-started/display-search-form/

    Anonymous
    (Private)  March 28, 2019 at 7:50 am #206706

    It’s clear, but I want result page to be with filters.

    The big search bar on lending that leads to already created a custom result page template with search and taxonomies filters.

    UPDATE:
    I created 2 search forms that lead to one result page and it worked.

    Where can I edit search bar length? It’s always 168px.
    Will this do a job?

    .searchandfilter input {
	
}
    Anonymous
    (Private)  March 28, 2019 at 8:05 am #206708

    can’t find a CSS class to edit search bar length (

    Anonymous
    (Private)  March 28, 2019 at 11:29 am #206721

    To make 100% width, insert to Additional CSS:

    .searchandfilter label{
	width:100%;
}
    Trevor
    (Private)  March 28, 2019 at 4:08 pm #206811

    This is the CSS I usually use:

    .searchandfilter li.sf-field-search label,
.searchandfilter li.sf-field-search input {
    width: 100%;
}

    Also, I would make the single field search form to have the ‘Custom’ display results method and enter the results URL and make sure Ajax is OFF for that form.

    Is it OK to close this thread?

    Anonymous
    (Private)  March 28, 2019 at 4:22 pm #206817

    Yes, thanks for the support. Great plugin.

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