Icon in search box

This support ticket is created 5 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Custom search, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 5 years, 3 months ago.

Assisted by: Christian Cox.

Author

Posts

August 6, 2019 at 2:31 pm #1310551

stewartE

Is it possible to put an icon in the search box? Basically, I want to add a magnifying glass icon within the search field next to the word search. Font Awsome if possible

[wpv-filter-search-box placeholder="Search"]

August 6, 2019 at 2:46 pm #1310555

Christian Cox

Hi, you might be able to add an icon to the background of the input field with custom CSS, but that's not something buit-in to Toolset. I did a quick search and found these examples showing how an icon can be displayed in an input field using custom CSS and markup: http://jsfiddle.net/ethanpil/ws1g27y3/
https://codepen.io/astrotim/pen/Ddfvt
You would have to enqueue the Font Awesome library in your theme to use Font Awesome icons.

Let me know if you have questions about that.