Deprecated: Function create_function() is deprecated in /var/html/dev/wp/wp-content/plugins/adrotate/adrotate.php on line 58

Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/load.php on line 649

Notice: Trying to access array offset on value of type bool in /var/html/dev/wp/wp-includes/theme.php on line 2246

Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371

Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
<!DOCTYPE html><html lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Styling the search bar/slide out — One Designs Support Forums</title><link href="//fonts.gstatic.com" rel="preconnect"><link href="//dev-onedesigns1.netdna-ssl.com" rel="preconnect"><link href="//one-onedesigns1.netdna-ssl.com" rel="preconnect"> Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371<link rel="canonical" href="https://dev.onedesigns.com/support/topic/styling-the-search-barslide-out" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="article" /><meta property="og:title" content="Styling the search bar/slide out — One Designs Support Forums" /><meta property="og:description" content="Are we able to style the search bar slide out on the header? I&#8217;d like to be able to change the color of it to match my style &#8211; and in particular the yellow background when you have the search terms as a drop down!" /><meta property="og:url" content="https://dev.onedesigns.com/support/topic/styling-the-search-barslide-out" /><meta property="og:site_name" content="One Designs" /><meta property="article:publisher" content="https://www.facebook.com/OneDesigns" /><meta property="fb:admins" content="1041109969" /><meta property="og:image" content="http://dev.onedesigns.com/wp/wp-content/themes/one/images/onedesigns-cover.jpg" /><link rel='dns-prefetch' href='//s.w.org' />Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371<link rel="alternate" type="application/rss+xml" title="One Designs &raquo; Styling the search bar/slide out Comments Feed" href="https://dev.onedesigns.com/support/topic/styling-the-search-barslide-out/feed" /><link rel='stylesheet' id='fvm-header-0-css'  href='//dev-onedesigns1.netdna-ssl.com/media/fvm/cache/header-2ec01d30-1498252974.min.css' type='text/css' media='all' />  <script type="text/javascript" data-cfasync="false">/* Function to detect opted out users */
	function __gaTrackerIsOptedOut() {
		return document.cookie.indexOf(disableStr + '=true') > -1;
	}

	/* Disable tracking if the opt-out cookie exists. */
	var disableStr = 'ga-disable-UA-11715654-1';
	if ( __gaTrackerIsOptedOut() ) {
		window[disableStr] = true;
	}

	/* Opt-out function */
	function __gaTrackerOptout() {
	  document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
	  window[disableStr] = true;
	}

	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');

	__gaTracker('create', 'UA-11715654-1', 'auto');
	__gaTracker('set', 'forceSSL', true);
	__gaTracker('require', 'displayfeatures');
	__gaTracker('require', 'linkid', 'linkid.js');
	__gaTracker('send','pageview');</script> <link rel='https://api.w.org/' href='https://dev.onedesigns.com/wp-json/' /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://dev.onedesigns.com/wp/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://dev-onedesigns1.netdna-ssl.com/wp/wp-includes/wlwmanifest.xml" /><meta name="generator" content="WordPress 4.8.25" /><link rel='shortlink' href='https://dev.onedesigns.com/?p=18284' />Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371<link rel="alternate" type="application/json+oembed" href="https://dev.onedesigns.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdev.onedesigns.com%2Fsupport%2Ftopic%2Fstyling-the-search-barslide-out" /><link rel="alternate" type="text/xml+oembed" href="https://dev.onedesigns.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdev.onedesigns.com%2Fsupport%2Ftopic%2Fstyling-the-search-barslide-out&#038;format=xml" /></head><body class="topic bbpress topic-template-default single single-topic postid-18284" itemscope itemtype="http://schema.org/WebPage"><div id="page" class="hfeed site"> <a class="skip-link screen-reader-text sr-only sr-only-focusable" href="#content">Skip to content</a> <header id="masthead" class="site-header navbar navbar-inverse navbar-fixed-top" role="banner" itemscope itemtype="http://schema.org/WPHeader"><div class="container"><div class="site-branding navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://dev.onedesigns.com/" rel="home" itemprop="headline"> <img class="site-logo logo-inverse" src="https://dev-onedesigns1.netdna-ssl.com/wp/wp-content/themes/onetest1/images/od-logo-inverse.png" alt="One Designs" /> <img class="site-logo logo-default" src="https://dev-onedesigns1.netdna-ssl.com/wp/wp-content/themes/onetest1/images/od-logo.png" alt="One Designs" /> <span class="site-title-text"><strong>One</strong><span class="space"> </span>Designs</span> </a></div> Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 2432Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 2432Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371 <nav id="site-navigation" class="main-navigation collapse navbar-collapse"><h2 class="sr-only">Navigation Menu</h2><ul id="menu-header-navigation" class="nav navbar-nav navbar-right"><li id="menu-item-21493" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21493"><a href="https://dev.onedesigns.com/themes">Themes</a></li><li id="menu-item-21496" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21496"><a href="https://dev.onedesigns.com/tag/enlightenment-documentation">Documentation</a></li><li id="menu-item-21522" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-21522"><a href="https://dev.onedesigns.com/plugins-2">Plugins</a></li><li id="menu-item-21520" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-21520"><a href="https://dev.onedesigns.com/blog">Blog</a></li><li id="menu-item-21492" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21492"><a href="https://dev.onedesigns.com/support">Support</a></li><li id="menu-item-21521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21521"><a href="https://dev.onedesigns.com/about">About</a></li></ul></nav><div class="dropdown bbp-user-account show-login-form"> <a data-toggle="dropdown" class="btn btn-success" id="bbp-account">My Account <span class="caret"></span></a><ul class="dropdown-menu" role="menu" aria-labelledby="bbp-account"><li><form method="post" action="https://dev.onedesigns.com/wp/wp-login.php" class="bbp-login-form"><fieldset class="bbp-form"><legend>Log In</legend><p class="bbp-username"> <label for="user_login" class="screen-reader-text sr-only">Username: </label> <input type="text" name="log" value="" size="20" id="user_login" tabindex="101" class="form-control" placeholder="Username" /></p><p class="bbp-password"> <label for="user_pass" class="screen-reader-text sr-only">Password: </label> <input type="password" name="pwd" value="" size="20" id="user_pass" tabindex="102" class="form-control" placeholder="Password" /></p><p class="bbp-remember-me"> <input type="checkbox" name="rememberme" value="forever"  id="rememberme" tabindex="103" /> <label for="rememberme">Keep me signed in</label></p><p class="bbp-submit-wrapper"><button type="submit" tabindex="104" name="user-submit" class="button submit user-submit btn btn-success">Log In</button> <input type="hidden" name="user-cookie" value="1" /> Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371 <input type="hidden" id="bbp_redirect_to" name="redirect_to" value="https://dev.onedesigns.com/support/topic/styling-the-search-barslide-out" /><input type="hidden" id="_wpnonce" name="_wpnonce" value="656b510c0c" /><input type="hidden" name="_wp_http_referer" value="/support/topic/styling-the-search-barslide-out" /></p></fieldset></form></li><li><a href="https://dev.onedesigns.com/support/register"><i class="icon-user-add"></i> Register</a></li><li><a href="https://dev.onedesigns.com/support/lost-password"><i class="icon-key"></i> Lost Password</a></li></ul></div><ul class="social-icons"><li class="search dropdown"> <a data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false"><i class="icon-search"></i></a><ul class="dropdown-menu" role="menu"><li><form role="search" method="get" id="searchform" class="search-form" action="https://dev.onedesigns.com/" ><div class="input-group"> <input class="form-control" type="text" value="" placeholder="Type and press enter to search &#8230;" name="s" id="s" /> <span class="input-group-btn"> <button class="btn btn-default" type="submit" id="searchsubmit"><i class="icon-search"></i><span class="sr-only">Search</span></button> </span></div></form></li></ul></li><li class="facebook"><a href="https://www.facebook.com/OneDesigns"><i class="icon-facebook"></i></a></li><li class="twitter"><a href="https://twitter.com/onedesigns"><i class="icon-twitter"></i></a></li><li class="wordpress"><a href="http://profiles.wordpress.org/pseudoxiah/"><i class="icon-wordpress"></i></a></li><li class="rss"><a href="http://feeds.feedburner.com/OneDesigns"><i class="icon-rss"></i></a></li></ul></div> </header> <header class="page-header"><div class="parallax-background"></div><div class="container"><div class="page-title pull-left"><a href="https://dev.onedesigns.com/support">Support Forums</a></div><ol class="breadcrumb bbp-breadcrumb pull-right"><li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="https://dev.onedesigns.com/" itemprop="url" class="bbp-breadcrumb-home"><span itemprop="title">Home</span></a></li><li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="https://dev.onedesigns.com/support" itemprop="url" class="bbp-breadcrumb-root"><span itemprop="title">Support Forums</span></a></li><li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="https://dev.onedesigns.com/support/forum/theme-support" itemprop="url" class="bbp-breadcrumb-forum"><span itemprop="title">Theme Support</span></a></li><li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="https://dev.onedesigns.com/support/forum/theme-support/pinboard" itemprop="url" class="bbp-breadcrumb-forum"><span itemprop="title">Pinboard</span></a></li><li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <span itemprop="url" class="bbp-breadcrumb-current"><span itemprop="title">Styling the search bar/slide out</span></li></ol></div> </header><div id="bbp-topic-wrapper-18284" class="site-content bbp-topic-wrapper"><div class="container"> <main id="primary" class="content-area" role="main"> <article id="post-18284" class="post-18284 topic type-topic status-publish hentry topic-tag-pinboard topic-tag-search-bar"><div id="bbp-container"><div id="bbp-content" role="main"><div id="bbp-topic-wrapper-18284" class="bbp-topic-wrapper"><div id="bbpress-forums"><div class="bbp-search-form"><form role="search" method="get" id="bbp-search-form" action="https://dev.onedesigns.com/support/search"><div> <label class="screen-reader-text hidden" for="bbp_search">Search for:</label> <input type="hidden" name="action" value="bbp-search-request" /><div class="input-group"> <input tabindex="105" type="text" value="" name="bbp_search" id="bbp_search" class="form-control input-lg" placeholder="Search the Forums" /> <span class="input-group-btn"> <button tabindex="106" class="button btn btn-default" type="submit" id="bbp_search_submit"><i class="icon-search"></i><span class="sr-only">Search</span></button> </span></div></div></form></div> <header class="entry-header"><h1 class="entry-title">Styling the search bar/slide out</h1> </header><div class="entry-content"> Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 2432Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371<div class="bbp-pagination"><div class="bbp-pagination-count">Viewing 5 posts - 1 through 5 (of 5 total)</div><ul class="bbp-pagination-links pagination"></ul></div><ul id="topic-18284-replies" class="forums bbp-replies"><li class="bbp-body"><div id="post-18284" class="odd bbp-parent-forum-1485 bbp-parent-topic-5854 bbp-reply-position-1 user-id-6453 post-18284 topic type-topic status-publish hentry topic-tag-pinboard topic-tag-search-bar"><div class="bbp-reply-header"><div class="bbp-meta"> <span class="bbp-reply-post-date"> <time class="published" datetime="2014-06-25T07:47:12+00:00">June 25, 2014 at 7:47 am</time> <time class="updated" datetime="2014-06-25T07:47:12+00:00">June 25, 2014</time> </span> <a href="
Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371
https://dev.onedesigns.com/support/forum/theme-support/pinboard/#post-18284" class="bbp-reply-permalink">#18284</a> <span class="bbp-admin-links"></span></div></div><div class="bbp-reply-author"> Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236 <a href="https://dev.onedesigns.com/support/users/mrspumpkin" title="View MrsPumpkin&#039;s profile" class="bbp-author-avatar"><img alt='' srcset='https://secure.gravatar.com/avatar/34350353ce1d2e9e805692dd3fb418eb?s=96&#038;r=g' srcset='https://secure.gravatar.com/avatar/34350353ce1d2e9e805692dd3fb418eb?s=192&amp;r=g 2x 1x, https://secure.gravatar.com/avatar/34350353ce1d2e9e805692dd3fb418eb?s=192&amp;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' /></a><a href="https://dev.onedesigns.com/support/users/mrspumpkin" title="View MrsPumpkin&#039;s profile" class="bbp-author-name author url">MrsPumpkin</a><div class="bbp-author-role">Participant</div></div><div class="bbp-reply-content"> Warning: Cannot modify header information - headers already sent by (output started at /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php:340) in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php on line 220<p>Are we able to style the search bar slide out on the header? I&#8217;d like to be able to change the color of it to match my style &#8211; and in particular the yellow background when you have the search terms as a drop down!</p></div></div><div class="bbp-reply-header"><div class="bbp-meta"> <span class="bbp-reply-post-date">Advertisment</span></div></div><div class="reply type-reply status-publish hentry"> <aside id="adrotate_widgets-4" class="widget widget_adrotate_widgets"><a href="http://shareasale.com/r.cfm?b=699877&u=479949&m=41388&urllink=&afftrack=" rel="nofollow"> <img src="https://i.shareasale.com/image/41388/WP_AFFILIATE_AD_728x90.jpg" alt="WP Engine Managed WordPress Hosting" /> </a></aside></div><div id="post-18285" class="even bbp-parent-forum-5854 bbp-parent-topic-18284 bbp-reply-position-2 user-id-1 post-18285 reply type-reply status-publish hentry"><div class="bbp-reply-header"><div class="bbp-meta"> <span class="bbp-reply-post-date"> <time class="published" datetime="2014-06-25T08:06:21+00:00">June 25, 2014 at 8:06 am</time> <time class="updated" datetime="2014-06-25T08:06:21+00:00">June 25, 2014</time> </span> <a href="
Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371
https://dev.onedesigns.com/support/topic/styling-the-search-barslide-out/#post-18285" class="bbp-reply-permalink">#18285</a> <span class="bbp-admin-links"></span></div></div><div class="bbp-reply-author"> Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236 <a href="https://dev.onedesigns.com/support/users/daniel" title="View Daniel Tara&#039;s profile" class="bbp-author-avatar"><img alt='' srcset='https://secure.gravatar.com/avatar/2ca359cd4ed13e95e704ce53290f5d09?s=96&#038;r=g' srcset='https://secure.gravatar.com/avatar/2ca359cd4ed13e95e704ce53290f5d09?s=192&amp;r=g 2x 1x, https://secure.gravatar.com/avatar/2ca359cd4ed13e95e704ce53290f5d09?s=192&amp;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' /></a><a href="https://dev.onedesigns.com/support/users/daniel" title="View Daniel Tara&#039;s profile" class="bbp-author-name author url">Daniel Tara</a><div class="bbp-author-role">Keymaster</div></div><div class="bbp-reply-content">
Notice: Undefined offset: 0 in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 532Fatal error: Uncaught Error: Call to a member function id() on array in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php:36
Stack trace:
#0 /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php(538): CrayonFormatter::format_code('', Array, Object(CrayonHighlighter))
#1 [internal function]: CrayonFormatter::delim_to_internal(Array)
#2 /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php(516): preg_replace_callback('#()#msi', 'CrayonFormatter...', 'input:-webkit-a...')
#3 /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_highlighter.class.php(166): CrayonFormatter::format_mixed_code('input:-webkit-a...', Object(CrayonLang), Object(CrayonHighlighter))
#4 /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_highlighter.class.php(186): CrayonHighlighter->process()
#5 /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php(213): CrayonHighlighter->output(true in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 36