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:


  1. piet on January 17, 2017 at 9:46 pm

    sorry sorry

    i have placed the css in the beaver extender from cobalt apps, en now it’s ok

  2. piet on January 17, 2017 at 9:40 pm

    hello i have done this action, but it look different on my test site

    BR Piet

Leave a Comment

You must be logged in to post a comment.


Get free weekly PRO Beaver Builder Tutorials