Icon in search box

This support ticket is created 5 years, 6 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.

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, 6 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.