How to Add Missing Drop-down Arrows to MyListing Multi-Select Fields

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Code Snippets, CSS
Icons, Multi-Select

Instructions

Create a new CSS code snippet.
Copy the contents of code snippet below.
Paste the contents into your code snippet.
Review any notes that I’ve provided.
Save and enable the code snippet.
Test.

Snippet

By default, Single-Select drop-down fields have an arrow showing that there are values to select, but Multi-Select drop-down fields do not have the arrow. This code snippet addresses the issue.

.select2-container--default .select2-selection--multiple .select2-selection__rendered:before {
    content: "\e5c5";
    font-size: 24px;
    color: #000;
    font-family: Material Icons;
    position: absolute;
    right: -8px;
    bottom: 5px;
}

MyListing Pro

One plugin. Endless possibilities.

Pro Community

Join for free today.

My Tech Stack

Trusted tools and resources.

Software Deals

Save on Premium Solutions.