This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: Urgent support required: Unable to create the filter as i want

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Urgent support required: Unable to create the filter as i want Reply To: Urgent support required: Unable to create the filter as i want

#42836
Ernest MarcinkoErnest Marcinko
Keymaster

Okay, I will try to help. I have applied some custom CSS, now after clearing your browser cache you should see this layout. It is a copy of the reference.

The custom CSS I used is this:

select.asp_nochosen.asp_noselect2 {
    border: 1px solid rgb(63, 63, 63, 0.2) !important;
    background: white !important;
    color: 2d3a7e !important;
}

.asp_filter_tax legend {
    text-transform: uppercase !important;
    font-size: 20px !important;
    color: #2d3a7e !important;
}

.asp_select2-selection {
    border: 1px solid rgb(63, 63, 63, 0.2) !important;
}

/* The Container */
.asp_select2-selection,
span[class*=asp_select2-selection],
.asp_select2-search__field,
.asp_select2-search__field::placeholder {
    background: white !important;
    color: 2d3a7e !important;
    
}

/* The selection */
.asp_s span.asp_select2-container--flat ul li.asp_select2-selection__choice,
.asp_sb span.asp_select2-container--flat ul li.asp_select2-selection__choice {
    color: #262626;
    background-color: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
}

/* Drop down general */
span.asp_select2-container--open .asp_select2-dropdown--below,
span.asp_select2-container--open .asp_select2-dropdown--above {
    background: #ffffff;
    color:#262626;
}

/* Drop down selected values */
span.asp_select2-container--flat .asp_select2-results__option[aria-selected=true] {
    background: #ffffff;
    color: #262626;
}

/* Drop down hovered selection */
span.asp_select2-container--flat .asp_select2-results__option--highlighted[aria-selected] {
    background: #ffffff !important;
    color: #262626;
} 

div.asp_w .asp_select2-container--flat .asp_select2-selection--single {
    height: 36px !important;
}