Avada Search Element Examples

The Avada Search Element allows you to insert a fully functional search bar anywhere on your site, making it easier for users to find exactly what they need. With options for placeholder text, styling, icons, and alignment, you can create a search experience that feels seamless and matches your overall design.

This Avada Search Element is set up as follows: Search Results Content (All), Enable Live Search (No), Limit Search to Post Titles (No), Search For Woo Product SKUs (No), Placeholder Text, Search Form Design (Clean), Height (80px), Field Text Color, Field Border Color, and Field Border Color On Focus.

This Avada Search Element is set up as follows: Search Results Content (All), Enable Live Search (No), Limit Search to Post Titles (No), Search For Woo Product SKUs (No), Placeholder Text, Search Form Design (Classic), Field Text Color, Field Border Color, Field Border Color On Focus, and Field Border Radius (10px).

This Avada Search Element is set up as follows: Search Results Content (All), Enable Live Search (Yes), Live Search Minimal Character Count (4), Live Search Number of Posts (30), Live Search Display Featured Image (Yes), Live Search Display Post Type (Yes), Limit Search to Post Titles (No), Search For Woo Product SKUs (No), Placeholder Text, Search Form Design (Classic), Height (50px), Field Background Color, Field Text Color, Field Border Color, Field Border Color On Focus, Field Border Radius (5px), Live Results Container Height (250), and Scrollbar (Hidden).

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada Scroll Progress Element Featured ImageScroll Progress
Avada Section Separator Element Featured ImageSection Separator