Forums › Forums › Search & Filter Pro › Basic field styling

Viewing 8 posts - 1 through 8 (of 8 total)
  • Anonymous
    (Private)  April 25, 2019 at 5:05 pm #209348

    Hi,

    Do you have a basic guide to custom styling of the search fields/form i.e. spacing between fields, alignment (vertical, horizontal) etc?

    Many thanks

    Trevor
    (Private)  April 25, 2019 at 5:23 pm #209351

    We do not, as every theme and site needs different style, so what it looks like out of the box is intentionally basic and often will inherit theme CSS. This search will find some snippets:

    https://support.searchandfilter.com/forums/search/.searchandfilter+custom+css/

    If you show me what you have, and what you want, I can guide you (preferably live examples).

    Anonymous
    (Private)  April 26, 2019 at 6:45 am #209379
    This reply has been marked as private.
    Trevor
    (Private)  April 26, 2019 at 11:22 am #209415

    This basic css would give you the basis for that:

    .searchandfilter > ul > li {
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.searchandfilter > ul > li:last-child {
  margin-right: 0;
}
    Anonymous
    (Private)  April 26, 2019 at 11:37 am #209423
    This reply has been marked as private.
    Trevor
    (Private)  April 26, 2019 at 11:42 am #209427

    You may need to add it in the standard WordPress Appearance Customiser Custom CSS page instead.

    Anonymous
    (Private)  April 26, 2019 at 12:08 pm #209436
    This reply has been marked as private.
    Trevor
    (Private)  April 26, 2019 at 3:49 pm #209459

    Is the code in place right now (but obviously not working)?

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