Category drop down menu changed to transparent after upgrade to 1.32.1

Hello,
Please add it anywhere where you add the Custom CSS.

.search_jobs .search_region,input.select2-search__field{
    background-color: #fff;
    border-radius: 4px;
    padding: 7px 14px;
    line-height: 1.75;
}

.select2-container[class*="open"] {
    z-index: 9999;
    background: #fff;
      border: 1px solid #cccc;
  max-width: 100% !important
}

span#select2-search_region-container {
    display: inline-block;
    width: 95%;
}

span.select2-dropdown.select2-dropdown--below {
    display: inline-block;
}

.select2-search{
  z-index:0
}

span.select2-container.select2-container--default.select2-container--open .select2-search{
  z-index:99999
}

.select2-container {
    max-width: 100% !important;
}

.select2-results li{
  cursor:pointer
}

body.wp-job-manager-categories-multi-enabled:not(.home) .search_jobs .search_categories{
  margin-bottom:5px
}

ul.select2-selection__rendered {
    margin: 0;
}

.select2-search,.select2-results{
  padding:0
}

input.select2-search__field {
    padding-left: 1em;
    padding-right: 1em;
  width:100% !important
}

.select2-search input{
  margin:0
}

.select2-container[class*="open"] input.select2-search__field{
  padding:5px
}

@media(min-width:768px){
  body.wp-job-manager-categories-multi-enabled:not(.home) .search_jobs .search_categories{
    margin-top: 10px
  }
}

I hope it will be helpfull for you.

I fixed:
– the width of the containers element (now you can click for whole container and you can open drop-down list),
– the container of “select category”,
– z-index of elements drop-down, because they were under your content of listings.
– the general look.

• This reply was modified 5 years, 9 months ago by kibus90.
• This reply was modified 5 years, 9 months ago by kibus90.
• This reply was modified 5 years, 9 months ago by kibus90.

Hello,
I added the custom CSS that you provided and while it certainly solved the problem it seems like a lot of CSS code just to solve the problem of the transparent background. Will this issue be fixed in a subsequent release of WP Job Manager or will I need to keep using the custom CSS?

Thank you again for providing a solution to the problem.

Cheers,
Richard

Hello,

I do not know. It is my solution what I can offer you. This is a lot of CSS, but I also fix you with it some part of the elements which could be a problem for normal using your website.
I do not know if they will solve this problem in next relase of WP Job Manager.

This also has not to be them problem, but your theme. Maybe your theme does not support the newest version of WPJM.

Till this time they will not fix it, I will not update WPJM, because the currently version of WPJM brakes me whole site (job offers, submit resumes etc.)

• This reply was modified 5 years, 9 months ago by kibus90.

Hi @fimage ; if your theme is not yet updated to be compatible with the latest version of WPJM, then you can try downgrading to the previous version. You can try doing that with this plugin, which makes the process pretty seamless:

https://www.ads-software.com/plugins/wp-rollback/#description

I’m marking this thread as Resolved as it’s been more than a month since the last reply. If you still need help, please do reply again and mark the thread as Unresolved!