How to get drop-downs in 2 columns

  • Resolved hazukiryo

    (@hazukiryo)


    5 years, 1 month ago

    Hello,

    I like the slider bar on top exactly how it is, but is there an easy way to make the drop downs be in 2 columns (2×2 rather than 4×1) to make it look a little cleaner?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support mediawebster

    (@mediawebster)

    Hello

    Try to add this CSS:

    .woof_sid_koiforsale_filter_shortcode .woof_container {
    width: 48%;
    display: inline-block;
    }

    • This reply was modified 5 years, 1 month ago by mediawebster.
    Thread Starter hazukiryo

    (@hazukiryo)

    Thanks for the tip. It definitely put them into 2 columns, but it seems to have put the second column above the price slider.

    Plugin Support mediawebster

    (@mediawebster)

    Hello
    Better add to shortcode sid as = flat_grey woof_auto_2_columns
    In your case:

    sid=”koiforsale_filter_shortcode woof_auto_2_columns” OR sid=”koiforsale_filter_shortcode woof_auto_2_columns flat_grey”

    Thread Starter hazukiryo

    (@hazukiryo)

    Thanks again,

    It doesn’t seem to have made a difference though unfortunately.

    Plugin Support mediawebster

    (@mediawebster)

    Hello

    You can add CSS:

    .woof_container_pa_age{
    vertical-align: bottom;
    }

    Result – https://c2n.me/45yfHWC.png

    Thread Starter hazukiryo

    (@hazukiryo)

    Thanks, but it still doesn’t expand the slider bar across the top.

    Plugin Support mediawebster

    (@mediawebster)

    Hello

    Ok! as I see you are using another plugin

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to get drop-downs in 2 columns’ is closed to new replies.