How to change main filter Design

Anonymous

#211806

Hi

I want to change layout of main filter bar. https://network.thehighline.org/projects/

something like this above .
my site is
https://aiamain.wpengine.com/latest-news
to enter site username demo pswd demo12

Can u please help.

Thanks

Trevor

#211815

It would need to be done with Custom CSS, like this:

.wpb_text_column .searchandfilter ul li:before {
  display: none;
}
.wpb_text_column .searchandfilter ul li ul {
  padding-bottom: 5px;
  padding-left: 0px;
  padding-top: 5px;
}
.searchandfilter > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
}
.searchandfilter > ul > li.sf-field-category ul,
.searchandfilter > ul > li.sf-field-tag ul {
  columns: 2
}
.searchandfilter li[data-sf-field-input-type=checkbox] label {
  margin-right: 20px;
}
.searchandfilter > ul > li.sf-field-search {
  display: block;
}
.searchandfilter > ul > li.sf-field-search label {
  width: 100%
}
.searchandfilter > ul > li.sf-field-search label input[type="text"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px
}

Anonymous

#211890

Where should I put the CSS code?

Anonymous

#211906

Raul u can add it to your style.css file in child theme.
Thanks Trevor for your help

Trevor

#211989

Or you can add a plugin like this:

https://wordpress.org/plugins/custom-css-js/

[Author]

Posts