Ethos Portfolio Filter Customization

[M72561]

Is there a CSS snippet to change the “Filter by Category” to “Filter by State?” or
if not, is there a way to remove the filter box and only show the states navigation.

Screenshot: https://prnt.sc/j8r54b

[ruenel]

Hey There,

Thanks for writing in!

Please be advised that CSS is used for styling and not for changing any text output. If you want to change the “Filter by Category” into “Filter by State”, assuming that the child theme is set up, please add the following code in your child theme’s functions.php file

// Change "Filter By Topic" title to something else
// =============================================================================
function change_filter_text($translated) { 
  $translated = str_ireplace('Filter By Topic', 'Filter By State', $translated);
  return $translated; 
}
add_filter('gettext', 'change_filter_text' );
// =============================================================================

And if you want something like this?

Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.option-set ul.x-index-filters-menu.unstyled {
    display: block !important;
}

.option-set .x-index-filters.cf.selected {
    border: none;
    text-align: center;
}

.option-set .x-index-filters.cf.selected i {
    display: none;
}

And if you want to remove the “Filter by Topic” instead, you may use this code:

.option-set ul.x-index-filters-menu.unstyled {
    display: block !important;
}

.option-set .x-index-filters.cf.selected,
.option-set .x-index-filters.cf.selected i {
    display: none;
}

We would loved to know if this has work for you. Thank you.

[M72561]

Thanks for the help, I do like the last option of removing filter by topic, because it is showing the state name clearly, screenshot: https://prnt.sc/j9299l

[Prasant]

We are glad to hear that.