Forums › Forums › Search & Filter Pro › How to icon in placeholder text for input box and button text ?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Anonymous
    (Private)  September 15, 2020 at 2:37 pm #259497

    Hello There,

    1) We want to add some icon in placeholder text for input box and button text: https://prnt.sc/uhoqmf. The example : https://prnt.sc/uhos0b

    2) Also, We want to add some spacing after arrow in select field. how can we achieve that ? : https://prnt.sc/uhot3g

    URL to Review: https://surreyplacst.wpengine.com/filter-horizontal/

    Trevor
    (Private)  September 16, 2020 at 9:05 am #259578

    #1. I see you have set the font for the input to Font Awesome, so this is possible. Make the Placeholder text this:

    Keyword Search 

    See here:

    https://www.screencast.com/t/wh2qXWXla77

    For #2, because these are standard form select controls, there is no control over this either. If you convert them to comboboxes, then you can style them, but if you do that, make sure, in our plugin settings, it is set to use Select2 as the combobox script.

    Trevor
    (Private)  September 16, 2020 at 9:28 am #259586

    Ah, that doesn’t show the code. I will have to place the characters here with dots, so remove the dots!

    Keyword Search &.#.x.f.0.0.2.;

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