The pixfort theme includes multiple built-in search bar styles that you can easily apply and customize using the Header Builder and Theme Options.
Available Search Styles
Currently, the theme includes two search styles:
Default
(Full-screen search with layered animation)
Small Floating Bar
(Minimal, floating search input design)
To choose a style for your search bar:
Open the Header Builder from WordPress Dashboard > Theme Builder
Click on the Search element to open its settings, then choose the desired style.
Header Builder > Search Element
Header Builder > Search Settings > Style
Customize the Default Search Style
You can customize the Default style (animation, layers, colors, etc.) from:
WordPress Dashboard > pixfort > Theme Options > Layout > Search
Theme Options > Layout > Search
Translate Search Text
The pixfort theme is fully translation-ready. You can translate the search placeholder and results messages using a translation plugin such as Loco Translate.
For a full guide, check the article:
Create a Custom Search Popup
You can build your own custom search layout using the Popup Builder. To do that:
- Create a new popup
- Add a Search element and any additional elements you need to your popup and publish it
- Set the popup to open from a button element or a custom link in your header or page
This allows you to fully customize the search experience with your own layout, styles, or design.
For detailed steps on how to create and customize popups, you can refer to this article:
You can also explore some great examples of premade search popups available for import by visiting the Popup Builder preview page:
https://core.pixfort.com/popup-builder
