Reply To: Drop down styling

Home › Forums › WC Vendors Pro Support › Drop down styling › Reply To: Drop down styling

February 28, 2017 at 10:18 am #57799
DELETE
Participant

Yes, you can. The styling for the Select2 widget just sucks, here’s my SCSS code to override it:


  // Make the select combo boxes with select2 match bootstrap
  .select2-container {
    @extend .form-control; 
    .select2-choice, .select2-dropdown-open .select2-choice {
      border: none !important;
      padding: 0px !important;
    }

    .select2-search {
      padding: 10px;
    }
  }
}

// This needs to be in the root, because the .select2-drop element is a direct child of <body>
.select2-drop.select2-with-searchbox.select2-drop-active, .select2-drop, .select2-drop-multi {
  // border: 1px solid #666;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: none;
}

You can modify as you please, and put it into your child theme’s styles.css file.