Inline filter styling?

  • Resolved Janke

    (@soldier99)


    2 years, 8 months ago

    Hi,
    Thank you for this plugin. It works really well and is simple to use.

    We have four taxonomy dropdown filters we would like to show side by side inline. Currently they are stacked on top of each other. Can you direct me or provide a simple CSS that allows us to show them inline?

    Thanks,
    J.

Viewing 1 replies (of 1 total)
  • Plugin Author stepasyuk

    (@stepasyuk)

    2 years, 8 months ago

    Hi @soldier99

    Thank you for your words, they inspire me to make it better 🙂
    You can add next CSS on your site for example via Plugin Settings > Experimental > Custom CSS – https://gist.github.com/wpserve/ffc87e04af835f27d64db36da6c0b940

    @media screen and (min-width: 768px) {
    .wpc-filters-widget-wrapper{
        display: flex;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .wpc-inner-widget-chips-wrapper,
    .wpc-posts-found{
        width: 100%;
    }
    .wpc-filters-section{
        margin-right: 24px;
    }
    .wpc-filter-content select{
        min-width: 220px;
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Inline filter styling?’ is closed to new replies.