How to customize the placeholder text shown in the Search field in JetSearch plugin for Elementor

How to customize the placeholder text shown in the Search field in JetSearch plugin for Elementor?

With the help of JetSearch plugin for Elementor, you are able to add a search form to the website and customize its appearance to make it fit your content and style. From this particular tutorial, you will find out how to customize the placeholder text in the search bar using JetSearch plugin.

Customizing the placeholder text

1.First, find Ajax Search widget. Drag and drop it into a new section.

2.There are Content, Style and Advanced blocks where you can adjust the needed settings that define the content of the search bar. In our case, we need to proceed to the Content block.

3.Open the Search Form block where you can input the text that will be shown in the search bar, or you can just leave it empty and no text will be shown at all.

4.After that, proceed to the Style > Input Field directory.

5.Click the Typography tab. Here you’ll find different customization settings of the placeholder text.

6.Feel free to change the size, weight, style, transform and decoration of the text.

7.You also can set the space between letters using the Letter Spacing toggle.

8.The last step is to click the Update button in order to confirm the changes.

That’s all! Now you know how to create and display Ajax search bar in a more attractive form.