Posts Tagged ‘search form’

Adding Ajax Search Box at Astra Header Search form

Ajax Search Box

You can easily add the toggle search form at Astra theme header. Theme have inbuilt option in customizer about it. Search icon is appearing at right side of the header menu. I shall add the Ajax logic in this inbuilt search form and it will fetch the search result based on search key without the…

READING FULL POST →

Filtering the Accordion Contents with Search Keyword

In this article I am showing how you will filter the FAQs page with search keyword. Here I built the FAQs page with Beaver Builder’s accordion module and added the search form with HTML module. Later I connected the search form with accordion module and filtering the content. See the full steps at below: Creating…

READING FULL POST →

Creating Full Screen Overlay Search Form

Download & Install Full-screen Overlay Content Module In this tutorial I am using the premium plugin Full-Screen Overlay Content module. After purchase the module, you will download the product file from confirmation mail (check your inbox) or My Account page. Now install the plugin from WordPress Plugin screen. Creating Search Form Creating a search form…

READING FULL POST →

How do I add the search icon into the 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…

READING FULL POST →

Newsletter

Get free weekly PRO Beaver Builder Tutorials