[Resolved] View – Styling 'Select Multiple' fields

[Author]

Posts

[leilaG-2]

Hello,

I have placed 4 search filters in a grid with 4 columns but the 4th filter is showing on the next row.

1. How do I get all 4 to show on the same row.
2. How can I style the 'Select Multiple' fields to be styled the same as the 'Text search' field

Thanks

[Christopher Amirian]

Hi there,

The issue you are experiencing is similar to a known issue that we have:

https://toolset.com/errata/4-column-grid-displaying-as-3-columns-after-wordpress-6-4-update/

We will provide an update to fix the issue.

For the second question, I'd appreciate it if you deactivate your website maintenance mode and give me the URL that contains the items to see if it is possible to give you proper CSS code.

In some cases it is not possible if there is a select bix wich is rendered by the operating system and not HTML code. But I need to check to see.

Thanks.

[leilaG-2]

Sure, I can give you access details privately as the website is not ready to go live yet.

[Christopher Amirian]

Thank you. Please set the next reply as private and you will be able to provide the login information. Also please tell us which URL to check

[Christopher Amirian]

Hi there,
Thank you. Please add the CSS below to the View that you added the search boxes:

.chosen-container-multi .chosen-choices {
    display: inline-block;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    padding: 5.5px 14px;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transition: all .2s ease;
    transition: .25s ease;
    box-shadow: none;
}

Thanks.

[leilaG-2]

Brilliant! Thank you.