BBPC Search

Summary: The BBPC Search Widget allows you to fully customize your search form and display keywords dynamically. You can easily adjust form settings, style options, and keyword settings to create a search experience tailored to your site’s design.

1. Form Options

The Form Options panel provides control over the structure and behavior of the search form:

• Placeholder Text: Customize the placeholder for the search input field.
• Search Type: Choose between icon or text for the search button.
• Submit Button: Change the button icon and adjust its alignment.
• Keywords:
  • Show or hide keywords.
  • Customize the keywords label text.
  • Adjust label alignment.
• Repeater List: Add an unlimited number of items to the search form.

2. Style Options

2.1 Form Styles

• Input Text Color: Set the color for the typed text.
• Placeholder Color: Customize the placeholder text color.
• Border Type: Select border style (solid, dashed, etc.).
• Background Color: Set the background color of the form.
• Typography: Customize font family, size, weight, and style.
• Spacing: Set padding and border radius for input fields.

2.2 Submit Button Styles

• Button Color & Background: Change the text color and background color.
• Padding & Border Radius: Adjust spacing and rounded corners.
• Icon Settings: Customize icon size and spacing.

2.3 Keywords Styles

• Spacing: Set margin around keywords.
• Label Settings: Customize color, typography, and alignment.
• Keyword Colors: Define normal and hover colors for keywords.
• Background & Typography: Change background color, font, and style.
• Padding & Border Radius: Adjust spacing and rounded corners.