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
May 29, 2023 at 3:20 pm
#42836
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;
}