Large search bar on top

Anonymous

#192798

This reply has been marked as private.

Trevor

#192807

This reply has been marked as private.

Anonymous

#192809

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

Trevor

#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

#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

#192864

Maybe this would work:

.searchandfilter, .sf-input-text {
  text-align: center;
}

[Author]

Posts