Forums Forums Search & Filter Pro S&F Horizontal the final solution

Viewing 4 posts - 1 through 4 (of 4 total)
  • Anonymous
    #43912

    Sorry wrong URL.

    This is the right one: test.degenerationit.com

    Anonymous
    #43914

    Ok this is the final result with consistency:

    .searchandfilter[data-sf-form-id="2545"] > ul > li {
    	display:inline-block !important;
    }
    
    .searchandfilter[data-sf-form-id="2545"] li.sf-field-search {
      width: 40%;
      padding-right:10px !important;
    }
    
    .searchandfilter[data-sf-form-id="2545"] li.sf-field-tag {
      width: 40%;
      padding-right:10px !important;
    }
    
    /* format tag fields for consistency */
    .searchandfilter[data-sf-form-id="2545"] .chosen-container-multi .chosen-choices {
        display: inline-block;
        height: 2.65em !important;
        margin-bottom: 0px;
        border: 1px solid #ddd;
        padding: 0 0.65em;
        font-size: 13px;
        line-height: normal;
        color: #555;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    } 
    
    .searchandfilter[data-sf-form-id="2545"] .chosen-container.chosen-container-multi {
        width: 100% !important;
          margin-top: -5px !important;
    }
    
    .searchandfilter[data-sf-form-id="2545"] input.default {
    border-color: rgba(0,0,0,0.3);
        outline: 0;
        outline: thin dotted \9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.2);
      -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
        transition: border linear 0.2s,box-shadow linear 0.2s;
    }
    
    .searchandfilter[data-sf-form-id="2545"] li.sf-field-category {
        width: 20% !important;
    }
    
    .searchandfilter[data-sf-form-id="2545"] select.sf-input-select {
        width: 100%;
    }

    Hope can help a lot of people that are trying to have an horizontal view for S&F.

    Now I just need to edit the @media CSS for smartphones and tablets.

    Trevor
    #43917

    Cool. Thanks for sharing 🙂

    Anonymous
    #43918

    Thanks to you guys Ross and you really help us a lot.
    Wanted to give something back.

Viewing 4 posts - 1 through 4 (of 4 total)