- This topic has 1 reply, 2 voices, and was last updated 3 years, 10 months ago by .
These forums are now closed and remain for historical purposes.
None of the content applies to the new version 3. For support, get in touch via our contact form.
Forums › Forums › Search & Filter Pro › Customizing Style of Search and Filter Form and Displaying Current Query
Hi There,
I’m running into some difficulty targeting elements in the search and filter form. Particularly the submit button and the placeholder text.
Here is a page where the SF module is present: https://tandslaw.com/search-results/
I’m trying to get the SF integration (which I have marked with text “search and filter”) to match as closely as possible the module below (marked as “desired style”).
I’m also having trouble with the PHP to display the current query as part of the page title, and it seems to be stuck displaying part of the PHP code rather than the query. I’ve removed the PHP for now, but I’d like the query and category to be displayed in the page header where it currently has:
Keyword: Application (this would be the search query)
Category: USA (this would be the category selected, but will be replaced eventually by a custom taxonomy for the country)
Any help would be greatly appreciated!
Every user’s form styling needs vary so much. However, there are many snippets of such CSS in forum posts, and this search should give you some ideas:
https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter
The search filters set/chosen can be found, but it requires some detective work (specific to your form) and then some coding.
See this post:
https://support.searchandfilter.com/forums/topic/display-list-of-filters-currently-set/#post-264202
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
We also use cookies to store items in your cart as well as allowing your to login on the site.
You can adjust all of your cookie settings by navigating the tabs on the left hand side.
By continuing to use this site, you also agree to our Privacy Policy.
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
*Other cookies used for logging in and cart functions will only be used when you use those features and cannot be disabled.
If you disable these cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.
This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.
Keeping this cookie enabled helps us to improve our website.
Please enable Strictly Necessary Cookies first so that we can save your preferences!
More information about our Cookie Policy