Colors in Search Form

Anonymous

#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

#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