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:

3 Comments

  1. piet Jan 17th, 2017 at 9:40 pm

    hello i have done this action, but it look different on my test site
    testweb.onderderodeparaplu.nl

    BR Piet

  2. piet Jan 17th, 2017 at 9:46 pm

    sorry sorry

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

Leave a Comment