I think you could achieve this by overriding the job_filters.php template (see here) in a child theme, or you could use this CSS code to hide the location field and extend the keywords field (add it to Appearance > Customize > Additional CSS via your admin panel):
.job_filters .search_jobs div.search_location {
display: none;
}
.job_filters .search_jobs div.search_keywords {
width: 100%;
}
Hope this is helpful!
Hi @granocean1,
The steps @hastibe provided you are correct, thanks for your help! Our recommendation would be to override the template so you can directly control how the form looks, as mentioned in the Creating a custom job search form that was linked previously.
Let us know if you have any other questions!
@hastibe @michaelnutt
The CSS worked! Thank You!
A follow up question, is there benefits to using a custom job search form over CSS?
Hi @granocean1 –
Generally, if you aren’t using something, it is preferable to remove it from the site’s HTML rather than hide it via CSS. This would ensure that it wouldn’t appear if for some reason the CSS failed to load.
However, like many things in web development, it is a matter of deciding what is important and more efficient for your use case.
I’m going to mark this resolved since the question has been answered.
