Skip Navigation

[Resolved] Change formatting of taxonomy checkbox field – 3 columns with no bullets

This thread is resolved. Here is a description of the problem and solution.

Problem: I have a custom search View with checkboxes filters. I would like to organize those into a 3-column display and hide the bullet next to each item.

Solution: Use custom CSS to style each item, and use the column-count property to flow the checkboxes into multiple columns.

Relevant Documentation:
https://caniuse.com/#search=column-count

This support ticket is created 5 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by Mark Lee 5 years, 9 months ago.

Assisted by: Christian Cox.

Author
Posts
#1225293
Screen Shot 2019-04-03 at 23.23.24.png

I have attached a screenshot of how the taxonomy checkbox field shows by default. I would like to remove the bullet points prepending the checkbox. And since I have a long list of taxonomies, I would like to display them in 3 columns.

Thank you so much in advance 🙂

#1225367

Hi, you can use custom CSS to remove the bullets and flow these items into 3 columns. If I can see this in a browser (not a screenshot) I can help. Basic CSS multi-column layout is supported in most modern major browsers: https://caniuse.com/#search=column-count

#1225378

Thanks to your suggestion, I figured it out thanks!