Forums › Forums › Search & Filter Pro › Change the select dropdown code

Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    (Private)  June 1, 2020 at 11:08 am #246707

    Hello. I need help to change the structure of the “select dropdown” of the filter form of the “Search & Filter Pro” plugin.

    Ex:
    <label>
    <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    </select>
    </label>

    to:

    <div>
    <div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    </div>
    </div>

    Could you tell me where to find the file where the “select dropdown” code is located?

    Trevor
    (Private)  June 1, 2020 at 4:56 pm #246784

    If you do this (via JavaScript) there is a good chance that our filter will not work, as it relies on the existing HTML.

    Do you need to do this for reasons of styling?

    Anonymous
    (Private)  June 1, 2020 at 6:16 pm #246807

    Yes. I am wanting to change the dropdown style by css, such as changing the background color and transition, but I am not succeeding with the current structure.

    I wanted to do something like the one on this page:
    https://anilist.co/search/anime

    Anonymous
    (Private)  June 3, 2020 at 4:57 am #247058

    Would it be possible to make these changes without changing the structure of the code?

    Trevor
    (Private)  June 3, 2020 at 9:49 am #247083

    You can make them look better by following the guidance I gave in this post:

    https://support.searchandfilter.com/forums/topic/configure-harvesthq-in-elementor-pro/#post-238775

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