Styling issues for Search & Filter plugin

Trevor

#267592

This reply has been marked as private.

Anonymous

#267596

This reply has been marked as private.

Trevor

#267599

This reply has been marked as private.

Anonymous

#267601

This reply has been marked as private.

Trevor

#267620

I believe this CSS should get you started:

.et-db #et-boc .et-l .et_pb_module .searchandfilter[data-sf-form-id="1129"] li.sf-field-taxonomy-project_category > ul {
    max-height: 180px;
    overflow: auto;
    margin-left: 0;
}
.et-db #et-boc .et-l .et_pb_module .searchandfilter[data-sf-form-id="1129"] li > h4 {
    margin-top: 15px;
}
.et-db #et-boc .et-l .et_pb_module .searchandfilter[data-sf-form-id="1129"] li[data-sf-field-input-type="checkbox"] ul input {
    float: left;
    clear: left;
    margin-right: 10px;
    height: 16px;
}
.searchandfilter[data-sf-form-id="1129"] li[data-sf-field-input-type="checkbox"] ul label {
    float: left;
    line-height: 20px;
}
#et-boc .et-l .searchandfilter[data-sf-form-id="1129"] li[data-sf-field-input-type="checkbox"] > ul > li {
    margin-bottom: 10px;
    display: flex;
}

I can’t help you with the sticky widget question, sorry.

Anonymous

#267623

This reply has been marked as private.

Trevor

#267635

I realise that I did not answer the question on Number of Results type of info panel. In Divi, there is not a way to do this that I am aware of, sorry.

Anonymous

#267638

This reply has been marked as private.

Anonymous

#267747

This reply has been marked as private.

Trevor

#267749

Sorry, I ran out of time yesterday (we are in the UK). Styling snippets for the submit button can be found using this forum search:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter+sf-field-submit+input/

For placing the form above the results, instead of in the sidebar, you would have to do this in your theme or page builder. But I can see you have done this, so what do you need to do with this form now? Are you looking to arrange the fields more efficiently?

That becomes far more complicated, and you would need to seek the services of a third party CSS coder to help you with that. The styling help I have given this far was outside the scope of our support, but not too hard for me, but to do this would be far more complex.

[Author]

Posts