{"id":302845,"date":"2021-03-08T15:02:15","date_gmt":"2021-03-08T15:02:15","guid":{"rendered":"https:\/\/colorlib.com\/wp\/?post_type=portfolio&#038;p=302845"},"modified":"2021-03-08T15:02:16","modified_gmt":"2021-03-08T15:02:16","slug":"search-form-bar-18","status":"publish","type":"portfolio","link":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/","title":{"rendered":"Search Form\/Bar V18"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column][vc_column_text]<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-302828\" src=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18.jpg\" alt=\"search form \/ bar 18\" width=\"1200\" height=\"972\" srcset=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18.jpg 1200w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18-300x243.jpg 300w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18-1024x829.jpg 1024w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18-768x622.jpg 768w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18-353x286.jpg 353w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18-408x330.jpg 408w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;]<div class=\"vcex-heading vcex-heading-bottom-border-w-color vcex-module wpex-heading wpex-text-2xl wpex-border-b-2 wpex-border-solid wpex-border-main\"><span class=\"vcex-heading-inner wpex-inline-block wpex-relative wpex-pb-5 wpex-border-b-2 wpex-border-solid wpex-border-accent\">Template Details<\/span><\/div>[vc_column_text css=&#8221;.vc_custom_1606297364312{margin-top: 20px !important;}&#8221;]<strong>Author:<\/strong> Colorlib<\/p>\n<p><strong>Released:<\/strong>\u00a02025<\/p>\n<p><strong>License:<\/strong>\u00a0<span class=\"cc-license-identifier\">CC BY 3.0<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;2\/3&#8243;]<div class=\"vcex-heading vcex-heading-bottom-border-w-color vcex-module wpex-heading wpex-text-2xl wpex-border-b-2 wpex-border-solid wpex-border-main\"><span class=\"vcex-heading-inner wpex-inline-block wpex-relative wpex-pb-5 wpex-border-b-2 wpex-border-solid wpex-border-accent\">Description<\/span><\/div>[vc_column_text css=&#8221;.vc_custom_1615215698369{margin-top: 20px !important;}&#8221;]Allow your users to focus on their search query only with this free top overlay search bar snippet. It rolls from the top, shadowing the rest of the website to focus on the query first and foremost.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_btn title=&#8221;Download&#8221; style=&#8221;flat&#8221; color=&#8221;green&#8221; i_icon_fontawesome=&#8221;&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fcolorlib.com%2Fdownload%2F|title:Download%20this%20template|target:_blank|rel:nofollow noopener&#8221;][vc_btn title=&#8221;Preview&#8221; style=&#8221;flat&#8221; color=&#8221;purple&#8221; i_icon_fontawesome=&#8221;fa fa-solid fa-eye&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1614889778607{margin-left: 10px !important;}&#8221; link=&#8221;url:https%3A%2F%2Fpreview.colorlib.com%2Ftheme%2Fbootstrap%2Fsearch-form-bar-18%2F|target:_blank|rel:nofollow noopener&#8221;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Allow your users to focus on their search query only with this free top overlay search bar snippet.<\/p>\n","protected":false},"author":18251,"featured_media":302828,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"%%title%% - Free Top Overlay Search Bar %%currentyear%% %%sep%% %%sitename%%","_yoast_wpseo_metadesc":"The best free top overlay search bar snippet that rolls down from the top and greys out the rest of the website.","footnotes":"","colorlib_dwn":""},"portfolio_tag":[62864,62865],"portfolio_category":[62897],"class_list":{"2":"type-portfolio","3":"status-publish","5":"hentry","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Search Form\/Bar V18 - Free Top Overlay Search Bar 2026 - Colorlib<\/title>\n<meta name=\"description\" content=\"The best free top overlay search bar snippet that rolls down from the top and greys out the rest of the website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Search Form\/Bar V18 - Free Top Overlay Search Bar 2026 - Colorlib\" \/>\n<meta property=\"og:description\" content=\"The best free top overlay search bar snippet that rolls down from the top and greys out the rest of the website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/\" \/>\n<meta property=\"og:site_name\" content=\"Colorlib\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/colorlib\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-08T15:02:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"972\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@colorlib\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/search-form-bar-18\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/search-form-bar-18\\\/\",\"name\":\"Search Form\\\/Bar V18 - Free Top Overlay Search Bar 2026 - Colorlib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/search-form-bar-18\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/search-form-bar-18\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/search-form-bar-18.jpg\",\"datePublished\":\"2021-03-08T15:02:15+00:00\",\"dateModified\":\"2021-03-08T15:02:16+00:00\",\"description\":\"The best free top overlay search bar snippet that rolls down from the top and greys out the rest of the website.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/search-form-bar-18\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/search-form-bar-18\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/search-form-bar-18\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/search-form-bar-18.jpg\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/search-form-bar-18.jpg\",\"width\":1200,\"height\":972,\"caption\":\"search form \\\/ bar 18\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/search-form-bar-18\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Search Form &amp; Bar Templates\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/cat\\\/search-form-bar\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Search Form\\\/Bar V18\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"name\":\"Colorlib\",\"description\":\"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.\",\"publisher\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\",\"name\":\"Colorlib\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"width\":800,\"height\":400,\"caption\":\"Colorlib\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/colorlib\",\"https:\\\/\\\/x.com\\\/colorlib\",\"https:\\\/\\\/www.instagram.com\\\/colorlib\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/colorlib\",\"https:\\\/\\\/youtube.com\\\/c\\\/Colorlib\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Search Form\/Bar V18 - Free Top Overlay Search Bar 2026 - Colorlib","description":"The best free top overlay search bar snippet that rolls down from the top and greys out the rest of the website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/","og_locale":"en_US","og_type":"article","og_title":"Search Form\/Bar V18 - Free Top Overlay Search Bar 2026 - Colorlib","og_description":"The best free top overlay search bar snippet that rolls down from the top and greys out the rest of the website.","og_url":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/","og_site_name":"Colorlib","article_publisher":"https:\/\/www.facebook.com\/colorlib","article_modified_time":"2021-03-08T15:02:16+00:00","og_image":[{"width":1200,"height":972,"url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@colorlib","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/","url":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/","name":"Search Form\/Bar V18 - Free Top Overlay Search Bar 2026 - Colorlib","isPartOf":{"@id":"https:\/\/colorlib.com\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/#primaryimage"},"image":{"@id":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/#primaryimage"},"thumbnailUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18.jpg","datePublished":"2021-03-08T15:02:15+00:00","dateModified":"2021-03-08T15:02:16+00:00","description":"The best free top overlay search bar snippet that rolls down from the top and greys out the rest of the website.","breadcrumb":{"@id":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/#primaryimage","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18.jpg","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/search-form-bar-18.jpg","width":1200,"height":972,"caption":"search form \/ bar 18"},{"@type":"BreadcrumbList","@id":"https:\/\/colorlib.com\/wp\/template\/search-form-bar-18\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colorlib.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Search Form &amp; Bar Templates","item":"https:\/\/colorlib.com\/wp\/cat\/search-form-bar\/"},{"@type":"ListItem","position":3,"name":"Search Form\/Bar V18"}]},{"@type":"WebSite","@id":"https:\/\/colorlib.com\/wp\/#website","url":"https:\/\/colorlib.com\/wp\/","name":"Colorlib","description":"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.","publisher":{"@id":"https:\/\/colorlib.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorlib.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/colorlib.com\/wp\/#organization","name":"Colorlib","url":"https:\/\/colorlib.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","width":800,"height":400,"caption":"Colorlib"},"image":{"@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/colorlib","https:\/\/x.com\/colorlib","https:\/\/www.instagram.com\/colorlib\/","https:\/\/www.linkedin.com\/company\/colorlib","https:\/\/youtube.com\/c\/Colorlib"]}]}},"_links":{"self":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/302845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/users\/18251"}],"replies":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/comments?post=302845"}],"version-history":[{"count":2,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/302845\/revisions"}],"predecessor-version":[{"id":303313,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/302845\/revisions\/303313"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media\/302828"}],"wp:attachment":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media?parent=302845"}],"wp:term":[{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_tag?post=302845"},{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_category?post=302845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}