Hide Filter Elements From the Properties List Template With CSS

You can hide specific filter elements from the Properties List template by using custom CSS.

Add the CSS you need in Theme Options > Design > Custom CSS, in Appearance > Customize > Additional CSS, or in the style.css file from your child theme.

Remove the Type Filter

.dropdown.listing_filter_select #a_filter_action {
  display: none;
}

Remove the Category Filter

.dropdown.listing_filter_select #a_filter_categ {
  display: none;
}

Remove the County / State Filter

.dropdown.listing_filter_select #a_filter_county {
  display: none;
}

Remove the City Filter

.dropdown.listing_filter_select #a_filter_cities {
  display: none;
}

Remove the Area Filter

.dropdown.listing_filter_select #a_filter_areas {
  display: none;
}

Remove the Sort Order Filter

.dropdown.listing_filter_select #a_filter_order {
  display: none;
}

Adjust Filter Spacing

If you hide several filter elements, you may also want to remove the extra spacing between the remaining elements for better design consistency.

.listing_filters_head {
  gap: 0;
}

Important Notes

Add only the CSS rules for the filters you want to hide. You do not need to add all examples unless you want to hide all those filter elements.

This CSS only hides the filter elements visually. It does not remove the taxonomies or search functionality from the theme.

Related Help Article

How to add custom CSS

Clear Cache