By default, this banner appears on all top-level topic pages (latest/new/unread/top/categories… anything in the top menu site setting) but it can also be set to only display on a community’s homepage.
Background image for the banner on light color palettes
background image dark
Background image for the banner on dark color palettes
tile background image
Repeat the background image
show for
Who can see the Search Banner (logged in, logged out, or both)
special style
Optional variations that change the appearance of the search banner
Theme translations
You can customize the text of these elements:
Heading (search_banner.headline)
Subheading (search_banner.subhead)
Button text (search_banner.search_button_text)
To omit one from display, leave the field blank.
Custom styling
The HTML element gets a class named .display-search-banner wherever this banner appears, and the banner itself is wrapped with the .custom-search-banner class, so with some CSS you should be able to customize the appearance of this banner however you see fit.
Future enhancements
Add an option to enable the banner in specific categories
Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.
Yes, you likely need to update Discourse (from admin/upgrade) — it might also help to share any console errors (right click the page, select inspect, then console)
Is there a way to hide the search icon (using CSS or otherwise)? I’m having an issue where the search icon is being duplicated when used in conjunction with this component: Header Search - #56 by RBoy
I received a complaint that the search button title was missing and was finally able to reproduce it - this only affects Firefox-based Browser. In Chrome it looks fine:
Can someone help me? I installed this theme on my Discourse but the image is cutting off a piece on the right side, for the image to fit completely I have to set the site’s font to “Smaller” I have two different installations of Discourse and in one of them the image worked normally, in the other the image why is it cut off?