Skip to content

Instantly share code, notes, and snippets.

@tripflex

tripflex/style.css

Created June 6, 2019 18:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tripflex/753c05ba80ddc92a5f5561103dadfaad to your computer and use it in GitHub Desktop.
Save tripflex/753c05ba80ddc92a5f5561103dadfaad to your computer and use it in GitHub Desktop.
Download ZIP
Fix JobHunt Chosen.JS multi-select dropdown expanding after initial selection
Raw
style.css
/* To fix JobHunt Chosen Multiselect dropdown showing expanded when has search selections */
fieldset > .field > .chosen-container-multi >.chosen-choices > .search-field > input[type="text"] {
margin: 0.75em 1em;
padding: 0px;
}
@tripflex
Copy link
Author

tripflex commented Jun 6, 2019

NOTE You will also need to edit the file at wp-content/themes/jobhunt/style.css around line #24531 where you will see this CSS:

.job-manager-form .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    width: 100% !important;
}

Remove this or comment it out. Keep in mind when you update the theme this will be overwritten. Unfortunately because the developer did not follow CSS standards and just use a more specific selector for CSS, and instead decided to use the !important flag .. there's no easy way to override this and you must manually edit that file for this to work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment