Taxonomy Filter box max-height not honoured

[Steve Strutt]

The ‘Filter boxes max-height each’ value is not being honoured. The value used looks to be fixed to the default of 200px. I have tried values of 300px and 400px, as most of the taxonomies have 40+ terms. The width option is honoured.

In the attached image, the width is set to 300px, with the height to 400px. The number of displayed terms, is 7 terms for 200px, 300px, 400px. The height of the box corresponds to 200px.

[Ernest Marcinko]

Hi,

That unfortunately does not apply to the selection container, it applies to the filter box container only (when used with checkboxes or other non-floating elements).

Luckily it is very easiely adjustable via a bit of custom CSS:

.asp_select2-container .asp_select2-results__options {
    max-height: 300px !important;
}

I hope this helps!

[Steve Strutt]

Where do I add the additional CSS? I tried under Appearance/Customise>Additional CSS with my child theme and it was not honoured. The only other obvious place seems to be Ajax Pro style.basic.css.php file in the plugin folder. Ideally I want to avoid that to ensure it does not get overwritten on the next update.

[Ernest Marcinko]

Usually the best option is the theme custom CSS box, but you can also use our plugin custom CSS input here: https://i.imgur.com/Grrpeqo.png

You should indeed not change any of the files as it will be overwritten during an update. The custom CSS input above should do the trick.

[Steve Strutt]

Imgur is not available in the UK! Visibility is restricted due to child protection laws. Any other way of showing the image?

[Ernest Marcinko]

Sure!

I have uploaded the image to this reply.

[Author]

Posts