How To Use & Customize Search Widget

Use Search Widget to help your visitors find what they are looking for on your website.

Follow the step-by-step instructions:

1. Go to Menu Rometheme Header & Footer.

2. And you will be able to see the Search Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor.

7. Drop it on the selected area.

8. Content Search Setting :

• Click Content → Search Setting.
• Enable Submit Icon, to show icon.
• Click Icon Library → Choose Icon → Click Insert.
• Select search button position.

9. Search Field Style (used to customize the search field style) :

• Click Style → Search Field.
• Customize the typography, radius, padding, gap, text and background color, border type and border color.

10. Button Style (used to customize the button style) :

• Click Style → Submit Button.
• Customize the typography, icon position, spacing and size, padding, radius, text, icon and background color.

11. Don’t forget to click Publish to save the changes.