Forums › Forums › Search & Filter Pro › Adding CSS class to search form

Viewing 2 posts - 1 through 2 (of 2 total)
  • Anonymous
    (Private)  July 21, 2017 at 10:56 am #121917

    Hi Trevor,

    The site I am building is based on a bootstrap theme and uses Search and Filter Pro on the home page.
    I would like to change the layout of the search form by inserting bootstrap classes into the form HTML. You can see the site at cards.lightseekers.com

    Specifically I would like to change the lines:
    <li class=”sf-field-post-meta-card_rarity” data-sf-field-name=”_sfm_card_rarity” data-sf-field-type=”post_meta” data-sf-field-input-type=”checkbox” data-sf-meta-type=”choice”>

    to:
    <li class=”sf-field-post-meta-card_rarity col-sm-4″ data-sf-field-name=”_sfm_card_rarity” data-sf-field-type=”post_meta” data-sf-field-input-type=”checkbox” data-sf-meta-type=”choice”>

    So that I can change the form layout to be horizontal rather than vertical.
    Is there any way to achieve this?

    Many thanks,
    Greg

    Trevor
    (Private)  July 21, 2017 at 11:14 am #121918

    At this time, this is not possible, but should be in the next major release, V3.

    If you search this forum for:

    horizontal custom css

    You will find some css snippets to style the form horizontally.

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