Forums › Forums › Search & Filter Pro › Styling the search options.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Anonymous
    (Private)  April 16, 2020 at 1:18 pm #240266

    Hi Trevor,
    I gave up on the idea of searching from categories and subcategories (although this should probably be a feature request as I think it should be possible to do without using taxonomies)

    My Next issue is a simple styling issue.
    I have added CSS to change the colour of the menu items from white to black but I would like to centre the search and also run the radio options across the page instead of underneath each other.
    Can you help me solve this, please?

    You can see it here:
    https://100percentaussie.com.au/food-and-drink/

    Cheers
    Paul

    Anonymous
    (Private)  April 16, 2020 at 1:26 pm #240271

    I tried the css mentioned in your documentation but all that done was put the reset button to the right as you can see.

    Trevor
    (Private)  April 16, 2020 at 1:44 pm #240274

    Something like this, I think:

    .searchandfilter[data-sf-form-id="742"] > ul {
    display: table;
    margin: 0 auto;
}
.searchandfilter[data-sf-form-id="742"] .sf-field-category > ul > li {
    display: inline-block;
    margin-right: 15px;
}
.searchandfilter[data-sf-form-id="742"] ul  {
    padding: 0;
}
.searchandfilter[data-sf-form-id="742"] .sf-field-reset {
    text-align: center;
}
    Anonymous
    (Private)  April 16, 2020 at 1:49 pm #240277

    That works! Looks much better!

    Thanks mate 🙂

    Anonymous
    (Private)  April 16, 2020 at 1:50 pm #240279

    If I was to remove the reset button, do I need to remove that bottom section of the css?

    Trevor
    (Private)  April 16, 2020 at 2:22 pm #240287

    Yes 🙂

    Is it OK to close this thread for now?

    Anonymous
    (Private)  April 16, 2020 at 4:12 pm #240317

    Yes thank you mate 🙂

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