Custom field filter without dropdown?

[[email protected]]

Hello,

I use the pro version (great plugin!).
I have a few custom fields as filters configured as checkboxes so they display as dropdown by default.
There is only one option (yes) available for each custom field, so “no” is not an option that you can select. Basically I’d like these filter to act like tags with only one option to select.
In the screenshots, you can see that check boxes are currently hidden under the dropdown as lists. For each, you need to open the dropdown to see and select the “yes” option.
What I want to do:
– Disable the drop down so the check boxes display and can be selected right away
– Hide the title for each custom field (Then I’ll use the title value instead of “yes”).
– Make it so the checkboxes display as an horizontal list in a row and not as a vertical listw. The list items would pile up only if they is not enough space on the row, the same way the filters above (address, title description etc.) do.

How can I achieve this result?
Thank you,

Attachments:

You must be logged in to view attached files.

[Matthew]

Hi there,

Thank you for getting in touch with us, we do appreciate your time.

Thank you for the explanation and screenshots, however, please may I ask if you may provide me with the link to your site so that I may get a better understanding of what you would like implemented if possible?

I look forward to hearing back from you.

Kindest Regards,
Matthew

[[email protected]]

Hi,

You can see the page in progress here with the custom fields filtering here:

Interactive Map

Thanks for your help!

[Matthew]

Hi there,

Thank you for getting back to me and for your time.

Thank you for the link to your map, thus please may you save the following CSS code into the “Custom CSS” setting block (Maps -> Settings -> Advanced Settings):

.wpgmza-filter-widgets .wpgmza-custom-field-filter-widget-checkboxes.wpgmza-dropdown ul.wpgmza-checkboxes{
    display: flex !important;
    color: #000 !important;
    margin: 0 10px 0 0 !important;
    list-style: none;
    opacity: 1 !important;
    flex-wrap: wrap;
}

.wpgmza-filter-widgets .wpgmza-custom-field-filter-widget-checkboxes.wpgmza-dropdown ul.wpgmza-checkboxes li{
    margin: 0;
}

.wpgmza-filter-widgets .wpgmza-custom-field-filter-widget-checkboxes.wpgmza-dropdown .wpgmza-placeholder-label{
    color: transparent;
    display: inline-block;
}

.wpgmza-filter-widgets{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
}

.wpgmza-reset-custom-fields{
    height: 25px;
    margin: 0 !important;
}

Once this has been done, please may you clear your browser cache and confirm if this helps?

I look forward to your response.

Kindest Regards,
Matthew

[[email protected]]

Matthew,

It totally helped! Thanks for your great support and plugin 🙂

[Matthew]

Hi there,

Thank you for getting back to me and most valued time, I tremendously appreciate it!

I am most happy to hear that, and it was my great pleasure assisting you with this.

Please may you kindly consider reviewing our plugin at https://wordpress.org/support/plugin/wp-google-maps/reviews/#new-post?

It would really mean the world to me! And if possible, please could I kindly ask you to mention both your name and mine in the review for administrative purposes as this would be a tremendous help?

Should you ever require any further assistance, I am more than happy to help.

Have a fantastic day further!

Kindest Regards,
Matthew

[Author]

Posts