Suggestions

Created OnDecember 14, 2018

Last Updated OnJanuary 6, 2020

bymuthali ganesh

Suggestions/ autocomplete are the search results that load while typing in the search UI .

Link- https://cse.expertrec.com/csedashboard/looknfeel/suggestions search suggestions

Look and feel of the suggestions can be edited by adding CSS

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.rmp-rating-widget .rmp-icon--ratings{font-size:24px;}.elementor-page .hestia-about > .container{width:100%;}.elementor-page .pagebuilder-section{padding:0;}.elementor-page .title-in-content,.elementor-page .image-in-page{display:none;}.home.elementor-page .main-raised > section.hestia-about{overflow:visible;}.elementor-editor-active .navbar{pointer-events:none;}.elementor-editor-active #elementor.elementor-edit-mode .elementor-element-overlay{z-index:1000000;}.elementor-page.page-template-template-fullwidth .blog-post-wrapper > .container{width:100%;}.elementor-page.page-template-template-fullwidth .blog-post-wrapper > .container .col-md-12{padding:0;}.elementor-page.page-template-template-fullwidth article.section{padding:0;}.elementor-text-editor p,.elementor-text-editor h1,.elementor-text-editor h2,.elementor-text-editor h3,.elementor-text-editor h4,.elementor-text-editor h5,.elementor-text-editor h6{font-size:inherit;}.hestia-top-bar,.hestia-top-bar .widget.widget_shopping_cart .cart_list{background-color:#363537;}.hestia-top-bar .widget .label-floating input[type=search]:-webkit-autofill{-webkit-box-shadow:inset 0 0 0px 9999px #363537;}.hestia-top-bar,.hestia-top-bar .widget .label-floating input[type=search],.hestia-top-bar .widget.widget_search form.form-group:before,.hestia-top-bar .widget.widget_product_search form.form-group:before,.hestia-top-bar .widget.widget_shopping_cart:before{color:#fff;}.hestia-top-bar .widget .label-floating input[type=search]{-webkit-text-fill-color:#fff !important;}.hestia-top-bar div.widget.widget_shopping_cart:before,.hestia-top-bar .widget.widget_product_search form.form-group:before,.hestia-top-bar .widget.widget_search form.form-group:before{background-color:#fff;}.hestia-top-bar a,.hestia-top-bar .top-bar-nav li a{color:#fff;}.hestia-top-bar ul li a[href*="mailto:"]:before,.hestia-top-bar ul li a[href*="tel:"]:before{background-color:#fff;}.hestia-top-bar a:hover,.hestia-top-bar .top-bar-nav li a:hover{color:#eee;}.hestia-top-bar ul li:hover a[href*="mailto:"]:before,.hestia-top-bar ul li:hover a[href*="tel:"]:before{background-color:#eee;}a,.navbar .dropdown-menu li:hover > a,.navbar .dropdown-menu li:focus > a,.navbar .dropdown-menu li:active > a,.navbar .navbar-nav > li .dropdown-menu li:hover > a,body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a,body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a:hover,body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a:focus,a:hover,.card-blog a.moretag:hover,.card-blog a.more-link:hover,.widget a:hover,.has-text-color.has-accent-color,p.has-text-color a{color:#f94343;}.svg-text-color{fill:#f94343;}.pagination span.current,.pagination span.current:focus,.pagination span.current:hover{border-color:#f94343;}button,button:hover,.woocommerce .track_order button[type="submit"],.woocommerce .track_order button[type="submit"]:hover,div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,div.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover,input[type="button"],input[type="button"]:hover,input[type="submit"],input[type="submit"]:hover,input#searchsubmit,.pagination span.current,.pagination span.current:focus,.pagination span.current:hover,.btn.btn-primary,.btn.btn-primary:link,.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active,.btn.btn-primary.active,.btn.btn-primary.active:focus,.btn.btn-primary.active:hover,.btn.btn-primary:active:hover,.btn.btn-primary:active:focus,.btn.btn-primary:active:hover,.hestia-sidebar-open.btn.btn-rose,.hestia-sidebar-close.btn.btn-rose,.hestia-sidebar-open.btn.btn-rose:hover,.hestia-sidebar-close.btn.btn-rose:hover,.hestia-sidebar-open.btn.btn-rose:focus,.hestia-sidebar-close.btn.btn-rose:focus,.label.label-primary,.hestia-work .portfolio-item:nth-child(6n+1) .label,.nav-cart .nav-cart-content .widget .buttons .button,.has-accent-background-color[class*="has-background"]{background-color:#f94343;}@media (max-width: 768px){.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar .navbar-nav .dropdown .dropdown-menu li a:hover,.navbar .navbar-nav .dropdown .dropdown-menu li a:focus,.navbar button.navbar-toggle:hover,.navbar .navbar-nav li:hover > a i{color:#f94343;}}body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close),body:not(.woocommerce-page) .button:not([class^="fl-"]):not(hestia-scroll-to-top):not(.navbar-toggle):not(.add_to_cart_button):not(.product_type_grouped):not(.product_type_external),div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,input[type="submit"],input[type="button"],.btn.btn-primary,.widget_product_search button[type="submit"],.hestia-sidebar-open.btn.btn-rose,.hestia-sidebar-close.btn.btn-rose,.everest-forms button[type=submit].everest-forms-submit-button{-webkit-box-shadow:0 2px 2px 0 rgba(249,67,67,.14),0 3px 1px -2px rgba(249,67,67,.2),0 1px 5px 0 rgba(249,67,67,.12);box-shadow:0 2px 2px 0 rgba(249,67,67,.14),0 3px 1px -2px rgba(249,67,67,.2),0 1px 5px 0 rgba(249,67,67,.12);}.card .header-primary,.card .content-primary,.everest-forms button[type=submit].everest-forms-submit-button{background:#f94343;}body:not(.woocommerce-page) .button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.add_to_cart_button):hover,body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close):hover,div.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover,input[type="submit"]:hover,input[type="button"]:hover,input#searchsubmit:hover,.widget_product_search button[type="submit"]:hover,.pagination span.current,.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active,.btn.btn-primary.active,.btn.btn-primary:active:focus,.btn.btn-primary:active:hover,.hestia-sidebar-open.btn.btn-rose:hover,.hestia-sidebar-close.btn.btn-rose:hover,.pagination span.current:hover,.everest-forms button[type=submit].everest-forms-submit-button:hover,.everest-forms button[type=submit].everest-forms-submit-button:focus,.everest-forms button[type=submit].everest-forms-submit-button:active{-webkit-box-shadow:0 14px 26px -12px rgba(249,67,67,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(249,67,67,.2);box-shadow:0 14px 26px -12px rgba(249,67,67,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(249,67,67,.2);color:#fff;}.form-group.is-focused .form-control{background-image:-webkit-gradient(linear,left top,left bottom,from(#f94343),to(#f94343)),-webkit-gradient(linear,left top,left bottom,from(#d2d2d2),to(#d2d2d2));background-image:-webkit-linear-gradient(linear,left top,left bottom,from(#f94343),to(#f94343)),-webkit-linear-gradient(linear,left top,left bottom,from(#d2d2d2),to(#d2d2d2));background-image:linear-gradient(linear,left top,left bottom,from(#f94343),to(#f94343)),linear-gradient(linear,left top,left bottom,from(#d2d2d2),to(#d2d2d2));}.navbar:not(.navbar-transparent) li:not(.btn):hover > a,.navbar li.on-section:not(.btn) > a,.navbar.full-screen-menu.navbar-transparent li:not(.btn):hover > a,.navbar.full-screen-menu .navbar-toggle:hover,.navbar:not(.navbar-transparent) .nav-cart:hover,.navbar:not(.navbar-transparent) .hestia-toggle-search:hover{color:#f94343;}.header-filter-gradient{background:linear-gradient(45deg,rgba(168,29,132,1) 0%,#ea396f 100%);}.has-text-color.has-header-gradient-color{color:#a81d84;}.has-header-gradient-background-color[class*="has-background"]{background-color:#a81d84;}.has-text-color.has-background-color-color{color:#fff;}.has-background-color-background-color[class*="has-background"]{background-color:#fff;}.btn.btn-primary:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item),input[type="submit"]:not(.search-submit),body:not(.woocommerce-account) .woocommerce .button.woocommerce-Button,.woocommerce .product button.button,.woocommerce .product button.button.alt,.woocommerce .product #respond input#submit,.woocommerce-cart .blog-post .woocommerce .cart-collaterals .cart_totals .checkout-button,.woocommerce-checkout #payment #place_order,.woocommerce-account.woocommerce-page button.button,.woocommerce .track_order button[type="submit"],.nav-cart .nav-cart-content .widget .buttons .button,.woocommerce a.button.wc-backward,body.woocommerce .wccm-catalog-item a.button,body.woocommerce a.wccm-button.button,form.woocommerce-form-coupon button.button,div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,div.woocommerce a.button.alt,div.woocommerce table.my_account_orders .button,.btn.colored-button,.btn.btn-left,.btn.btn-right,.btn:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item):not(.hestia-sidebar-open):not(.hestia-sidebar-close){padding-top:15px;padding-bottom:15px;padding-left:33px;padding-right:33px;}.btn.btn-primary:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item),input[type="submit"]:not(.search-submit),body:not(.woocommerce-account) .woocommerce .button.woocommerce-Button,.woocommerce .product button.button,.woocommerce .product button.button.alt,.woocommerce .product #respond input#submit,.woocommerce-cart .blog-post .woocommerce .cart-collaterals .cart_totals .checkout-button,.woocommerce-checkout #payment #place_order,.woocommerce-account.woocommerce-page button.button,.woocommerce .track_order button[type="submit"],.nav-cart .nav-cart-content .widget .buttons .button,.woocommerce a.button.wc-backward,body.woocommerce .wccm-catalog-item a.button,body.woocommerce a.wccm-button.button,form.woocommerce-form-coupon button.button,div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,div.woocommerce a.button.alt,div.woocommerce table.my_account_orders .button,input[type="submit"].search-submit,.hestia-view-cart-wrapper .added_to_cart.wc-forward,.woocommerce-product-search button,.woocommerce-cart .actions .button,#secondary div[id^=woocommerce_price_filter] .button,.woocommerce div[id^=woocommerce_widget_cart].widget .buttons .button,.searchform input[type=submit],.searchform button,.search-form:not(.media-toolbar-primary) input[type=submit],.search-form:not(.media-toolbar-primary) button,.woocommerce-product-search input[type=submit],.btn.colored-button,.btn.btn-left,.btn.btn-right,.btn:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item):not(.hestia-sidebar-open):not(.hestia-sidebar-close){border-radius:3px;}h1,h2,h3,h4,h5,h6,.hestia-title,.hestia-title.title-in-content,p.meta-in-content,.info-title,.card-title,.page-header.header-small .hestia-title,.page-header.header-small .title,.widget h5,.hestia-title,.title,.footer-brand,.footer-big h4,.footer-big h5,.media .media-heading,.carousel h1.hestia-title,.carousel h2.title,.carousel span.sub-title,.hestia-about h1,.hestia-about h2,.hestia-about h3,.hestia-about h4,.hestia-about h5{font-family:Roboto;}body,ul,.tooltip-inner{font-family:Roboto;}@media (min-width: 769px){.page-header.header-small .hestia-title,.page-header.header-small .title,h1.hestia-title.title-in-content,.main article.section .has-title-font-size{font-size:42px;}}@media (min-width: 769px){.single-post-wrap,.page-content-wrap,.single-post-wrap ul,.page-content-wrap ul,.single-post-wrap ol,.page-content-wrap ol,.single-post-wrap dl,.page-content-wrap dl,.single-post-wrap table,.page-content-wrap table,.page-template-template-fullwidth article,.main article.section .has-body-font-size{font-size:23px;}}@media (max-width: 480px){.single-post-wrap,.page-content-wrap,.single-post-wrap ul,.page-content-wrap ul,.single-post-wrap ol,.page-content-wrap ol,.single-post-wrap dl,.page-content-wrap dl,.single-post-wrap table,.page-content-wrap table,.page-template-template-fullwidth article,.main article.section .has-body-font-size{font-size:16px;}}@media (max-width: 768px){.single-post-wrap,.page-content-wrap,.single-post-wrap ul,.page-content-wrap ul,.single-post-wrap ol,.page-content-wrap ol,.single-post-wrap dl,.page-content-wrap dl,.single-post-wrap table,.page-content-wrap table,.page-template-template-fullwidth article,.main article.section .has-body-font-size{font-size:16px;}}@media (min-width: 769px){section.hestia-team p.card-description,section.hestia-pricing p.text-gray,section.hestia-testimonials p.card-description,section.hestia-blogs p.card-description,.section.related-posts p.card-description,.hestia-contact p,section.hestia-features .hestia-info p,section.hestia-shop .card-description p{font-size:15px;}section.hestia-shop h6.category,section.hestia-work .label-primary,section.hestia-team h6.category,section.hestia-pricing .card-pricing h6.category,section.hestia-testimonials h6.category,section.hestia-blogs h6.category,.section.related-posts h6.category{font-size:13px;}}@media (max-width: 480px){section.hestia-team p.card-description,section.hestia-pricing p.text-gray,section.hestia-testimonials p.card-description,section.hestia-blogs p.card-description,.section.related-posts p.card-description,.hestia-contact p,section.hestia-features .hestia-info p,section.hestia-shop .card-description p{font-size:14px;}section.hestia-shop h6.category,section.hestia-work .label-primary,section.hestia-team h6.category,section.hestia-pricing .card-pricing h6.category,section.hestia-testimonials h6.category,section.hestia-blogs h6.category,.section.related-posts h6.category{font-size:12px;}}@media (max-width: 768px){section.hestia-team p.card-description,section.hestia-pricing p.text-gray,section.hestia-testimonials p.card-description,section.hestia-blogs p.card-description,.section.related-posts p.card-description,.hestia-contact p,section.hestia-features .hestia-info p,section.hestia-shop .card-description p{font-size:14px;}section.hestia-shop h6.category,section.hestia-work .label-primary,section.hestia-team h6.category,section.hestia-pricing .card-pricing h6.category,section.hestia-testimonials h6.category,section.hestia-blogs h6.category,.section.related-posts h6.category{font-size:12px;}}@media screen and (max-width: 1024px){#product-demo-button{display:none;}}@media screen and (min-width: 1024px){.d-flex .search a.btn{white-space:nowrap;}}.entry-content img.size-thumbnail{border:5px solid #fff;-webkit-box-shadow:0px 12px 36px 0px rgba(0,0,0,.26);box-shadow:0px 12px 36px 0px rgba(0,0,0,.26);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}.entry-content img.size-medium{border:5px solid #fff;-webkit-box-shadow:0px 12px 36px 0px rgba(0,0,0,.26);box-shadow:0px 12px 36px 0px rgba(0,0,0,.26);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}.entry-content img.size-full{border:5px solid #fff;-webkit-box-shadow:0px 12px 36px 0px rgba(0,0,0,.26);box-shadow:0px 12px 36px 0px rgba(0,0,0,.26);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}#epkb-content-container .epkb-nav-tabs .active:after{border-top-color:#f1f1f1 !important;}#epkb-content-container .epkb-nav-tabs .active{background-color:#f1f1f1 !important;}#epkb-content-container .epkb-nav-tabs .active .epkb-category-level-1,#epkb-content-container .epkb-nav-tabs .active p{color:#686868 !important;}#epkb-content-container .epkb-nav-tabs .active:before{border-top-color:#686868 !important;}#yith-topbar-countdown.topbar-countdown-container{background-color:#144a60;background-image:url("https://cdn-bbeoo.nitrocdn.com/qmCVQYRCWGzHArsQEaxlonBAyCtBBIUq/assets/static/optimized/rev-1c8aa74/wp-content/plugins/yith-topbar-countdown/assets/images/pattern.png");background-repeat:repeat;background-position:top left;background-attachment:scroll;}#yith-topbar-countdown .countdown_slogan{color:#fff;font-size:25px;font-family:"Yanone Kaffeesatz";font-weight:400;font-style:normal;}#yith-topbar-countdown .countdown_information .countdown .num{color:#b8cad1;font-size:28px;font-family:"Yanone Kaffeesatz";font-weight:700;font-style:normal;}#yith-topbar-countdown .countdown_information .countdown_slogan strong{color:#b8cad1;font-size:25px;font-family:"Yanone Kaffeesatz";font-weight:700;font-style:normal;}#yith-topbar-countdown .countdown_information .message,#yith-topbar-countdown .countdown_information .countdown-label{color:#fff;font-size:25px;font-family:"Yanone Kaffeesatz";font-weight:400;font-style:normal;}#yith-topbar-countdown .countdown_button{background-color:#aa2929;color:#fff;font-size:25px;font-family:"Yanone Kaffeesatz";font-weight:700;font-style:normal;}#yith-topbar-countdown .countdown_button a{color:#fff;font-size:25px;font-family:"Yanone Kaffeesatz";font-weight:700;font-style:normal;}#yith-topbar-countdown .countdown_button:hover{background-color:#821919;}#yith-topbar-countdown.topbar-countdown-container.nitro-lazy{background-image:none !important;}body.custom-background{background-color:#fff;}.copyright.pull-right{display:none;}.related-posts{display:none;}@media (max-width: 1211px){header.site-header nav.main-navigation li#menu-item-142179{display:none !important;}}@media print{@page{margin:10px 10px 10px 10px !important;}}@media only screen and (max-width: 768px ){#eckb-article-content-header-row-1,#eckb-article-content-header-row-2,#eckb-article-content-header-row-3,#eckb-article-content-header-row-4,#eckb-article-content-header-row-5{flex-direction:column;}}#eckb-article-content-header-row-1{margin-bottom:8px;}#eckb-article-content-header-row-1 .eckb-article-content-header-row-left-group,#eckb-article-content-header-row-1 .eckb-article-content-header-row-right-group{align-items:center;}.eckb-article-content-toolbar-button-container{background-color:#fff;padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;border-radius:0px;border-width:0px;border-color:#fff;border-style:solid;}.eckb-article-content-toolbar-button-container .eckb-toolbar-button-text{color:#000;font-size:15px;}.eckb-article-content-toolbar-button-container .eckb-toolbar-button-icon{color:#000;font-size:20px;}.eckb-article-content-toolbar-button-container:hover{background-color:#fff;}.eckb-article-content-toolbar-button-container:hover .eckb-toolbar-button-text{color:#000;}.eckb-article-content-toolbar-button-container:hover .eckb-toolbar-button-icon{color:#000;}#eckb-article-content-header-row-2{margin-bottom:0px;}#eckb-article-content-header-row-2 .eckb-article-content-header-row-left-group,#eckb-article-content-header-row-2 .eckb-article-content-header-row-right-group{align-items:flex-end;}#eckb-article-body .eckb-article-title{}#eckb-article-content-header-row-3{margin-bottom:32px;}#eckb-article-content-header-row-3 .eckb-article-content-header-row-left-group,#eckb-article-content-header-row-3 .eckb-article-content-header-row-right-group{align-items:flex-end;}@media only screen and (max-width: 768px ){#eckb-article-content-header-row-1,#eckb-article-content-header-row-2,#eckb-article-content-header-row-3,#eckb-article-content-header-row-4,#eckb-article-content-header-row-5{flex-direction:column;}}#eckb-article-content-header-row-1{margin-bottom:8px;}#eckb-article-content-header-row-1 .eckb-article-content-header-row-left-group,#eckb-article-content-header-row-1 .eckb-article-content-header-row-right-group{align-items:center;}.eckb-article-content-toolbar-button-container{background-color:#fff;padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;border-radius:0px;border-width:0px;border-color:#fff;border-style:solid;}.eckb-article-content-toolbar-button-container .eckb-toolbar-button-text{color:#000;font-size:15px;}.eckb-article-content-toolbar-button-container .eckb-toolbar-button-icon{color:#000;font-size:20px;}.eckb-article-content-toolbar-button-container:hover{background-color:#fff;}.eckb-article-content-toolbar-button-container:hover .eckb-toolbar-button-text{color:#000;}.eckb-article-content-toolbar-button-container:hover .eckb-toolbar-button-icon{color:#000;}#eckb-article-content-header-row-2{margin-bottom:0px;}#eckb-article-content-header-row-2 .eckb-article-content-header-row-left-group,#eckb-article-content-header-row-2 .eckb-article-content-header-row-right-group{align-items:flex-end;}#eckb-article-body .eckb-article-title{}#eckb-article-content-header-row-3{margin-bottom:32px;}#eckb-article-content-header-row-3 .eckb-article-content-header-row-left-group,#eckb-article-content-header-row-3 .eckb-article-content-header-row-right-group{align-items:flex-end;}