A valued featured that you can include in your new website is a search form that allows users to search through all your website’s content. The search module of the page designer lets you include it on your pages, wherever you choose to locate it on the page and with a customizable design.
These are the content options that allow you to control what appears on this module.
Type the placeholder text that you want to use for the search field.
Show or hide the search button.
Exclude pages and posts from the search results.
Add a background color, gradient, image or video to your module.
You can modify the module’s label for easier identification.
Adjust the color of the placeholder text.
Customize the text orientation, color, and shadow.
Adjust the input text design settings including the font type, weight, style, alignment, color.
Change the design of the search button’s text.
Adjust the width of the module.
Customize margins and padding sizes.
Define the border’s corner, style, color, and width.
Here you can enable box shadow.
Adjust the hue of the module as a whole.
Give an animation style to the module, like fading or sliding when it appears.
Using this tab you are able to insert CSS code, select device visibility, and manage transitions. Check this guide to know more about how to use these settings.
Let’s add a search button to our homepage with the following characteristics:
Placeholder text: Type here…
Placeholder color: #0c71c3
Border color: #0c71c3
Button and border color: #000000
Button text color: #FFFFFF
Module Alignment: center
Rounded corners: 8px
Border color: #dddddd
There we have it! Simple.