Custom CSS to place the inline filters with dropdown above the search bar

Custom Coding
,
1

Place this code in page settings → Custom code → Footer section, replace the BLOCKID with your block name, save and preview.

<style>
#BLOCKID .filters-top-section .container:last-child > div {
    flex-direction: column-reverse;
    gap: 16px;
    margin-top: 0px;
}
</style>
2 Likes
2

This is awesome. I am trying to embed the block on a webpage. Do you know if there is anyway to have this css used when embedding rather than using the whole softr page?