I want to show the taxonomy field with 3 columns

• dragoth

• February 14, 2023 at 8:28 am

I tried for hours now to apply a filter to acf/fields/taxonomy/* to have my checkbox taxonomy list with 200 terms split over 3 columns instead of the one that is default. Whatever I tried, nothing worked. How can I achieve it? Thanks.

• John Huebner

• February 17, 2023 at 7:17 pm

You would need to add custom CSS to the admin to alter the way that ACF displays the list.

You can add a custom CSS file the same way you would add a custom JavaScript file.

I don’t have any examples of CSS for doing this.

• Emmanuel

• February 24, 2023 at 1:22 pm

Try this css:
.acf-fields.-taxonomy input[type=”checkbox”] {
display: block;
width: 100%;
margin-bottom: 10px;
}

.acf-fields.-taxonomy .acf-checkbox-list {
column-count: 3;
column-gap: 20px;
}