How to icon in placeholder text for input box and button text ?

Anonymous

#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

#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

#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