Forums › Forums › Search & Filter Pro › Select2 Multi-select Result CSS

Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    (Private)  June 5, 2017 at 9:42 am #113207

    Hi Trevor

    I’m trying to style the results of the Select2 Multi-select. Have tried a number of variations from simple to complex with no result.

    li.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F58634;
    border-radius: 0;
}

    I’ve tried changing it directly in the search-fitler.min.css file as well.

    Suggestions? They are Comboboxes as well, but wouldn’t think that would influence it, would it?

    Thanks
    Mike

    Trevor
    (Private)  June 5, 2017 at 12:26 pm #113233

    Hi

    Can you show me the page/link/URL where the search form with the above CSS is to be applied?

    Anonymous
    (Private)  June 5, 2017 at 1:32 pm #113258
    This reply has been marked as private.
    Trevor
    (Private)  June 5, 2017 at 2:51 pm #113296

    Can you try with this added specificity (your theme seems to be setting the color):

    .searchandfilter select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
}
.searchandfilter .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
}
.searchandfilter .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F58634;
    border-radius: 0;
}
    Anonymous
    (Private)  June 5, 2017 at 3:21 pm #113310

    .searchandfilter .select2-container–default .select2-selection–multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
    }

    Works perfectly – thanks = resolved

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)