Forums › Forums › Search & Filter Pro › Large search bar on top

Tagged: 

Viewing 6 posts - 11 through 16 (of 16 total)
1 2
  • Anonymous
    (Private)  November 5, 2018 at 4:37 pm #192798
    This reply has been marked as private.
    Trevor
    (Private)  November 5, 2018 at 4:42 pm #192807
    This reply has been marked as private.
    Anonymous
    (Private)  November 5, 2018 at 4:43 pm #192809

    No worries, i am in the UK also. Tomorrow is fine.

    Trevor
    (Private)  November 6, 2018 at 9:26 am #192852

    This would turn the radio buttons to selectable ‘tags’:

    .sf-input-radio:checked + .sf-label-radio {
  background-color: #000;
  color: #eee;
}
.searchandfilter li[data-sf-field-input-type=radio] label.sf-label-radio {
  padding: 5px 8px;
  margin-right: 8px;
  cursor: pointer;
}
.searchandfilter ul li.sf-field-category > ul > li {
  display: inline-block;
}
.searchandfilter .sf-input-radio {
  display: none;
}

    This will make the search bar 100% wide:

    .searchandfilter .sf-field-search label, .searchandfilter .sf-field-search input {
  width: 100%;
}
    Anonymous
    (Private)  November 6, 2018 at 10:17 am #192860

    Excellent Trevor that works great 🙂 Really impressed with your support. One last simple query, how would I centre the search bar and tags?

    Trevor
    (Private)  November 6, 2018 at 11:04 am #192864

    Maybe this would work:

    .searchandfilter, .sf-input-text {
  text-align: center;
}
  • Author
    Posts
Viewing 6 posts - 11 through 16 (of 16 total)
1 2