Forums › Forums › Search & Filter Pro › Colors in Search Form

Viewing 2 posts - 1 through 2 (of 2 total)
  • Anonymous
    (Private)  October 7, 2018 at 11:23 am #190296

    Hi Trevor!

    I have a form built with Search & Filter Pro and I would like to instead of having the names “beige”, “green”, etc: I would like to have little boxes with those actual colors that people can checkbox instead. How would I go about doing this?

    Link to page: https://linthforreal.apps-1and1.net/classic

    Thanks,

    Chris

    Trevor
    (Private)  October 8, 2018 at 12:00 pm #190323

    You could use CSS for each, maybe like this, I think:

    input[value="beige"] + label {
  background-color: #f5f5dc !important;
  color: transparent;
}
input[value="africa-where"] + label:hover {
  cursor: pointer; 
}
.searchandfilter li[data-sf-field-input-type="checkbox"] label {
  height: 50px;
  width: 100px;
}
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)