Squarewebsites Universal Filter

Site URL: https://imnworld.squarespace.com/

Hi - I'm using Squarewebsite's Universal Filter and while it works fine, the filters at top don't look very good. The search field is not linked up with the 'REGION: ALL" field and it is taller. Also, when "Asia-Oceania-South America" is selected, there are just three dots - probably because the names is long but can't the field be longer to accommodate this. They are not helping with direct support, so hopefully some here knows what to do. Thanks in advance.

https://imnworld.squarespace.com/
Password is:  password

Add to Design > Custom CSS

span.archive-dropdown-toggle-title {
    overflow: visible !important;
}

Thank you very much - tuanphan - do you know if there is a way so that the fields at left and right can be same heigh and align with each other - I would think that's the way it should be by default. Thank you again, Michael

To align them, use this CSS

.custom-filter-container .customFiltersWrapper .customFiltersContainer {
    align-items: center;
}

With height, can you explain in detail?

Thank you again tuanphan - strangely enough it looks perfect when I apply it to the Custom CSS and see it at right in Admin view. However, viewing the website live, it does not look good again. I clear my cache, try different browsers and view in incognito view, but it still isn't. Thank you again for any ideas.

Try this new code

.custom-filter-container .customFiltersWrapper .customFiltersContainer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

Thank yo tuanphan - I just tried it and same results: it is correct in Admin after inserting code but no change on the live website. Thanks, Michael

16 hours ago, mdemartin said:

Thank yo tuanphan - I just tried it and same results: it is correct in Admin after inserting code but no change on the live website. Thanks, Michael

You try contacting Plugin Author.

@tuanphanis a hero!   Thank you! 

Cảm ơn