In Beaver Builder Theme, Beginners, Free Content

How do I add the search icon into the search form?

Search Form

Search Form

Adding the search icon as a search button into the Beaver Builder child theme’s search form. Beaver Builder theme is enqueuing the Font Awesome CSS. So I am using Font Awesome for search icon. Sharing the complete steps what I did on my site (see the search widget at right sidebar).

Step 1

Copy the “searchform.php” file from bb-theme folder and put into your child theme folder. Now open the file and replace the full HTML code with this new code:

Step 2

Open the style file of your child theme and add this CSS:

Leave a Comment