Search Form

You can customize search form and you can set into header template or anywhere you want to put. You only need to edit with Elementor. Just drag and drop into Elementor content.

Search Form

  1. Place Holder - You can set your custom Place Holder.

  2. Width - You can change search form width.

  3. Spacing - You can set custom spacing for search form.

  4. Icon Size - You can change icon size.

Search Icon

  1. Alignment - You can change Alignment for Search Icon.

  2. Size - You can set your custom size for Icon.

Close Icon

  1. Aligment - You can change Aligment for 'X' Close icon.

  2. Size - You can set your custom size for 'X' icon.

  3. Spacing - You can change spacing for Close icon 'X'.

Style Tab

At the Style you have this options below.

Search Form

  1. Typography - You can set your custom font and you can edit typography for Search form.

  2. Text Color - You can change text color for search form.

  3. Background Color - You can change Background Color for search form.

  4. Box Shadow - You can customize box shadow for the form.

  5. Border Type - You can set Border type for search form.

  6. Border Radius - You can set custom size for border radius.

Search Icon

  1. Color - You can change Color for search icon, but if you click hover you will change color for Hover.

Close Icon

  1. Color - You can change Color for close icon, but if you click hover you will change color for Hover.

Overlay

  1. Background Type - You can set background overlay image, color or gradient color.

Last updated

Was this helpful?