Search Bar Only

Anonymous

#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

#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

#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

#206708

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

Anonymous

#206721

To make 100% width, insert to Additional CSS:

.searchandfilter label{
	width:100%;
}

Trevor

#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

#206817

Yes, thanks for the support. Great plugin.

[Author]

Posts