The following are the Header Elements provided by the Rishi Pro plugin:
Divider #
The Divider element can be used to add a vertical divider/line separation between any two elements used on the website header.
The following are the different settings provided for the Divider Header element.
Height: Select the height of the divider via this option.
Style & Color: Here you can choose the color, width and style of the divider line for the default, transparent and sticky header state across different screen sizes.
Margin: Enter the margin value for the divider.
Search Box #
The Search Box element has similar functionality to that of the Search header element. It adds up a search box in place of the Search icon on the site header and provides some advanced features such as live search results.
The following are the different settings provided for the Search Box Header element.
General Setting #
Placeholder Text: Enter a placeholder text for the header search form.
Input Maximum Width: Set the max-width value for the search form.
Input Height: Set the height value for the search form.
Live Results: Enable this option to show the live results of a search.
Live Results with Images: Enable this option to show live results with images. This option is only visible when the Live Results option is enabled.
Search Through Criteria: Choose the post types on which you want to perform searches.
Design Setting #
The following are the design settings provided for the Search Box Header element.
Input Font Color: Choose the initial color and the focus color of search form input text on different header states such as default, transparent and sticky. You can also choose different colors for the provided options across different screen sizes.
Input Icon Color: Choose the initial and focus color for the search icon on different header states such as default, transparent and sticky, and across different screen sizes.
Input Border Color: Choose the initial and focus color for the search box border on different header states such as default, transparent and sticky, and across different screen sizes.
Input Background Color: Choose the initial and focus color for the search box background on different header states such as default, transparent and sticky, and across different screen sizes.
Input Border Radius: Enter the border radius value for the search box.
Margin: Set the margin value for the search box.
The below mentioned options are visible only when the Live Results option is enabled inside the General Settings.
Dropdown Text Color: Here you can choose the initial and hover color for the texts appearing on the live search results.
Dropdown Shadow: Choose a color and configure the settings to apply a shadow effect to the dropdown result container.
Items Divider: Choose the color, width, and style of the divider line dividing each search result.
Widget Area #
The Widget Area element can be used to add WordPress widgets or different other plugin supported widgets to the site header just like you could via a page/post editor.
Once you add the Widget Area element to the header builder, you can access the setting via which you can add your preferred widgets.
Simply click on the “+” icon to add a widget block, search for your preferred widget and add it to your website header.
