docs-antora/modules/admin_initial_setup/pages/different_styles_for_searchbar.adoc

   1 === Styling the searchbar on the homepage ===
   2
   3 The `.searchbar-home` class is added to the div that
   4 contains the searchbar when on the homepage.  This allows
   5 sites to customize the searchbar differently on the
   6 homepage than in search results pages, and other places the
   7 search bar appears.  For example, adding the following CSS
   8 would create a large, Google-style search bar on the homepage only:
   9
  10 [source,css]
  11 ----
  12 .searchbar-home .search-box {
  13   width: 80%;
  14   height: 3em;
  15 }
  16
  17 .searchbar-home #search_qtype_label,
  18 .searchbar-home #search_itype_label,
  19 .searchbar-home #search_locg_label {
  20   display:none;
  21 }
  22 ----
  23