Title: Search box Last modified: November 14, 2016 --- # Search box * Resolved [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/) * How can I add a search box in the top menu? Thanks Viewing 15 replies - 1 through 15 (of 15 total) * [LebCit](https://wordpress.org/support/users/lebcit/) * (@lebcit) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8436231) * Hello [@gofal](https://wordpress.org/support/users/gofal/) * First, for any custom changes it’s VERY IMPORTANT to create a child theme. seconf, to display the default search form, just put in **header.php** the folowing code:` ` Of course, you’ll have to choose where you want to diplay it, then if you want to add custom style(s) to your form. * SYA 🙂 * [Imran Ali](https://wordpress.org/support/users/imranaliweb/) * (@imranaliweb) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8437197) * Hi [@gofal](https://wordpress.org/support/users/gofal/) * Below plugin provided search box on top menu. * [https://wordpress.org/plugins/bop-search-box-item-type-for-nav-menus/screenshots/](https://wordpress.org/plugins/bop-search-box-item-type-for-nav-menus/screenshots/) * follow above plugin then check. * Thanks * Thread Starter [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8438143) * Hi Thanks you for you replies. It worked! How can I change the size and color of both the search box and the search button? * [Imran Ali](https://wordpress.org/support/users/imranaliweb/) * (@imranaliweb) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8438188) * Hi [@gofal](https://wordpress.org/support/users/gofal/) * Kindly share your website URL * Thanks * Thread Starter [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8438221) * My site is not public yet but I can upload a capture screen. How can I do that please? * Thread Starter [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8438244) * Here is the capture screen ⌊Capture scree⌉ * Thread Starter [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8438247) * ![ScreenCapture](http://pho.to/ATVWt) * Thread Starter [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8438270) * [Capture screen](http://pho.to/ATVYL) * Thread Starter [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8438309) * I finally managed to upload a link to my picture (see above). Thanks * [Imran Ali](https://wordpress.org/support/users/imranaliweb/) * (@imranaliweb) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8442632) * HI [@gofal](https://wordpress.org/support/users/gofal/) * for this use below code in custom css filed** (Theme dashabord >> appreance > > customize >> header setting >> custom css filed)** * ``` .bop-nav-search .post-password-form input[type="submit"], input[type="submit"] { color:#fff !important; background-color:#e84a52 !important; } ``` * change color code as your need. * Thanks * Thread Starter [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8442736) * Hi It worked thanks, but how can I make the box smaller please? * [Imran Ali](https://wordpress.org/support/users/imranaliweb/) * (@imranaliweb) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8443139) * Hi [@gofal](https://wordpress.org/support/users/gofal/) * for this use below code in custom css filed (Theme dashabord >> appreance >> customize >> header setting >> custom css filed) * ``` .bop-nav-search .post-password-form input[type="text"], input[type="text"] { width:100px !important; } ``` * Change width according your need * Please do not create multiple query in single threads. * Thanks * [Imran Ali](https://wordpress.org/support/users/imranaliweb/) * (@imranaliweb) * [9 years, 6 months ago](https://wordpress.org/support/topic/search-box-49/#post-8443143) * Hi [@gofal](https://wordpress.org/support/users/gofal/) * If you happy with this theme and support plz share your feedback refer below link * [https://wordpress.org/support/theme/appointment/reviews/#new-post](https://wordpress.org/support/theme/appointment/reviews/#new-post) * Thanks. * [Imran Ali](https://wordpress.org/support/users/imranaliweb/) * (@imranaliweb) * [9 years, 5 months ago](https://wordpress.org/support/topic/search-box-49/#post-8453040) * Hi [@gofal](https://wordpress.org/support/users/gofal/) * Did your issue resolved or not ? * Thanks * Thread Starter [gofal](https://wordpress.org/support/users/gofal/) * (@gofal) * [9 years, 5 months ago](https://wordpress.org/support/topic/search-box-49/#post-8454306) * Yes thank you Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘Search box’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/appointment/3.5.5/screenshot.png) * Appointment * [Support Threads](https://wordpress.org/support/theme/appointment/) * [Active Topics](https://wordpress.org/support/theme/appointment/active/) * [Unresolved Topics](https://wordpress.org/support/theme/appointment/unresolved/) * [Reviews](https://wordpress.org/support/theme/appointment/reviews/) * 15 replies * 3 participants * Last reply from: [gofal](https://wordpress.org/support/users/gofal/) * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/search-box-49/#post-8454306) * Status: resolved