Skip Navigation

[Resolved] Using default format, the top 3/4 of text is not visible on the filter menus

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

Problem: I am trying to create a custom search form View but the select field options are hidden. I can't see all of the text. Some of it is cropped.

Solution: In this case a custom code snippet is required to override some styles applied by the theme or another plugin to redesign some form elements:

select.form-control:not([multiple]) {
    padding: 6px 12px;
}
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 catrionaD 5 years, 9 months ago.

Assisted by: Christian Cox.

Author
Posts
#1194755

I am trying to set up four filters.
Link to a page where the issue can be seen hidden link

I expected to see the text on the filter dropdowns.

Instead, I can only see a tiny bit at the bottom.

Please help! I've applied no custom CSS, so this should work!

#1195131

Hi, it seems that there is some CSS applied by your theme or another plugin that conflicts somewhat with the Bootstrap form styles. You can try overriding that with the following CSS code:

select.form-control:not([multiple]) {
    padding: 6px 12px;
}

Place that in your View's Search and Pagination editor CSS panel and let me know if the problem isn't resolved.

#1195321

My issue is resolved now. Thank you!
You legend.