Title: duplicate Dropdown Arrow
Last modified: November 24, 2023

---

# duplicate Dropdown Arrow

 *  Resolved [kvoo](https://wordpress.org/support/users/kvoo/)
 * (@kvoo)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/duplicate-dropdown-arrow/)
 * Hello.
 * The Dropdown selector in the Members Directory is duplicated. One is shown by
   our Theme, the other by UM.
 * The Theme does this by using `:after` for the select container:
 *     ```wp-block-code
       .select2-container.select2-container--default .select2-selection:after {
           content: '\E9C1';
           font-family: "fontello";
           display: block;
           position: absolute;
           z-index: 2;
           top: calc(50% + 1px);
           right: 1.2em;
           width: 1em;
           height: 1em;
           line-height: 1em;
           text-align: center;
           margin-top: -0.5em;
           pointer-events: none;
           cursor: pointer;
           color: var(--theme-color-input_text);
       }
       ```
   
 * I’d much prefer using the Arrows provided by my Theme, so I tried to add Additional
   CSS via the Customization Menu to set `display: none` for the Arrow.
 * The Problem with that is that in Ultimate Member’s um-styles.css, many values
   have `!important` on them (Which is bad practice in itself), so standard Additional
   CSS overrides won’t work.
 * I also don’t want to have to add `!important` myself and use an even more specific
   CSS selector than the one used by the plugin.
 * Editing the Plugins .css files is also something I really want to avoid, as updates
   could remove those customizations.
 * Specifically, the css rule I’m talking about starts on Line 945:
 *     ```wp-block-code
       .um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow,
       .um-field .select2.select2-container .select2-selection .select2-selection__arrow {
       	display: inline-block !important;
       	width: 34px !important;
       	height: 100% !important;
       	position: absolute;
       	right: 0;
       	top: 0;
       	text-align: center;
       	background: transparent !important;
       	border: none !important;
       ```
   
 * Could you add some way to override this, or at least remove some of those !important
   statements? As it stands, this probably clashes with any templates that use `:
   after` for these things.

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [missveronica](https://wordpress.org/support/users/missveronicatv/)
 * (@missveronicatv)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/duplicate-dropdown-arrow/#post-17226905)
 * [@kvoo](https://wordpress.org/support/users/kvoo/)
 * You can try this plugin “UM Comment CSS important”,
    which will remove by commenting
   all `!important` in UM CSS files. You can also restore the original `!important`.
   Yes, you must redo this commenting for a new update of UM.
 * [https://github.com/MissVeronica/um-comment-css-important](https://github.com/MissVeronica/um-comment-css-important)
 *  Plugin Support [andrewshu](https://wordpress.org/support/users/andrewshu/)
 * (@andrewshu)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/duplicate-dropdown-arrow/#post-17245350)
 * Hi [@kvoo](https://wordpress.org/support/users/kvoo/)
 * This thread has been inactive for a while so we’re going to go ahead and mark
   it Resolved.
 * Please feel free to re-open this thread if any other questions come up and we’d
   be happy to help. 🙂
 * Regards

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘duplicate Dropdown Arrow’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-member/assets/icon-256x256.png?rev=3160947)
 * [Ultimate Member – User Profile, Registration, Login, Member Directory, Content Restriction & Membership Plugin](https://wordpress.org/plugins/ultimate-member/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-member/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-member/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-member/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-member/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-member/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 2 replies
 * 3 participants
 * Last reply from: [andrewshu](https://wordpress.org/support/users/andrewshu/)
 * Last activity: [2 years, 6 months ago](https://wordpress.org/support/topic/duplicate-dropdown-arrow/#post-17245350)
 * Status: resolved