Divi Search Module
Search module will simply add the search form anywhere on your website that allows the user to search your website. If you are developing a directory or listing style website then search module is a great way for finding anything on that page or post. So it is very much crucial to add the functionality of Search module on your website.
Sometimes there is a need that you want to add search form in the header, footer or anywhere else on the page then you can use the Divi Search module shortcode.
Divi Search Module Shortcode
[et_pb_search admin_label="Search" background_layout="light" text_orientation="left" exclude_pages="off" exclude_posts="off" hide_button="off" /]
In this section, we are using Divi Search Module Shortcode and its shows the following result below.
Basically, there are three setting sections in Divi Search Module which are described below:
- General Settings – In the “General Settings” tab we can customize the value of text on our WordPress site. When we set the light background of the page or post then the text will look dark and when we set the dark background of the page or post then the text will look in light color. All the essential settings are described under this section and for more you can see below in the image.
- Advanced design settings – If you want to advance your design, then check the advanced design settings. We can change the maximum width, button and border color, Input Field Background color, Placeholder color, Font Size, Text Color, letter spacing, line height, button (font, font size, text color, letter spacing, and line height) and custom margin.
- Custom CSS – We can also add CSS ID and CSS Class in the custom CSS section for more control.
If you want to know how to find the Divi module shortcodes you can also visit https://elegantenthusiast.com/how-to-find-the-divi-modules-shortcodes
Hope you liked the article and we will soon publish some more useful tutorial that can help you to make your site perfect. Have a nice day!
You May Also Like
- Tested on Divi Version 3.0.24