Adjust the width of Dropdown input type using css

Anonymous

#205683

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

Trevor

#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