Changing the design of the search form

Trevor

#255932

The code needed to make it 100% wide is a modification of what you already have, this bit:

.searchandfilter[data-sf-form-id=”2703″] li.sf-field-search input,
.searchandfilter[data-sf-form-id=”2703″] li.sf-field-search label,
.searchandfilter[data-sf-form-id=”2703″] .select2-container {
min-width: 100%;
}

Needs to be:

.searchandfilter[data-sf-form-id="2703"] li.sf-field-search input,
.searchandfilter[data-sf-form-id="2703"] li.sf-field-search label,
.searchandfilter[data-sf-form-id="2703"] li[data-sf-field-input-type="select"] .select2-container,
.searchandfilter[data-sf-form-id="2703"] li[data-sf-field-input-type="select"] label {
  min-width: 100% !important;
  width: 100% !important;
}

You have set the font in some places in your code to black, e.g.:

.searchandfilter[data-sf-form-id=”2703″] .select2-container, .select2-container–open {
font-size: 14px;
color: #000;
}

It is here that the font and font color may need to be set.

Anonymous

#255955

This reply has been marked as private.

Trevor

#255961

We are working hard to get V3 finished and released, which has many new features in it. Thanks for getting back to me. I will close this thread for now.

[Author]

Posts