Forums › Forums › Search & Filter Pro › Horizontal Layout of Radio buttons

Viewing 3 posts - 1 through 3 (of 3 total)
  • Anonymous
    (Private)  August 24, 2020 at 9:26 pm #257174

    Hello!

    I’m using the radio buttons to filter post categories. You can see the live page here: https://forpurpose.com/purpose-in-action/

    I’m using custom CSS to make the radio buttons look like buttons. I’m having a hard time making them have a horizontal layout. I’ve tried using FLEX on the .searchandfilter > ul but it doesn’t seem to help. Any help would be appreciated! Thanks!

    Anonymous
    (Private)  August 24, 2020 at 9:31 pm #257175

    Nevermind. I found what I needed at https://support.searchandfilter.com/forums/topic/how-to-make-checkbox-arranged-horizontally/

    .searchandfilter ul {
padding-left: 0;
}
.searchandfilter > ul > li[data-sf-field-input-type="radio"] > ul > li {
display: inline-block;
margin-right: 20px;
}
    Trevor
    (Private)  August 25, 2020 at 9:14 am #257199

    Thanks for letting me know. I will close this thread for now.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)