Forums › Forums › Search & Filter Pro › Adjust the width of Dropdown input type using css

Viewing 2 posts - 1 through 2 (of 2 total)
  • Anonymous
    (Private)  March 20, 2019 at 5:06 am #205683

    Please check this image.
    The search filter is on the left-hand side.
    Thanks a lot.

    Trevor
    (Private)  March 20, 2019 at 2:05 pm #205731

    I can see that you have this Custom CSS:

    .searchandfilter h4 {
    margin: 0 -20px;
    font-family: 'Microsoft Jhenghei', 'Noto Sans TC', sans-serif !important;
}
.sf-input-select {
    margin: 0 -20px;
    font-family: 'Microsoft Jhenghei', 'Noto Sans TC', sans-serif !important;
    font-size: 16px;
}
.sf-field-submit {
    margin: 0 -20px !important;
    font-size: 16px;
}

    Remove the margins from these and add this Custom CSS:

    .searchandfilter > ul {
  padding-left: 0;
}
.searchandfilter li.sf-field-category label,
.searchandfilter li.sf-field-category select.sf-input-select {
  width: 100%;
}
#search-filter-form-4275 {
  margin-right: -32px;
}
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)