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


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.

This website uses cookies to ensure you get the best experience on our website.