{"id":436,"date":"2016-11-04T23:46:44","date_gmt":"2016-11-04T23:46:44","guid":{"rendered":"http:\/\/leaguewp.com\/?p=436"},"modified":"2020-09-05T04:48:33","modified_gmt":"2020-09-05T04:48:33","slug":"search-form-entry-title-genesis","status":"publish","type":"post","link":"https:\/\/leaguewp.com\/search-form-entry-title-genesis\/","title":{"rendered":"How to Create a Search Form under Entry Title in Genesis"},"content":{"rendered":"

The Search form is a key component of every modern website. It allows your site visitors to find their desired content.<\/p>\n

The location of search form can be anywhere depending on the design of your website. However, most of the Genesis themes<\/a> tend to display search form on header and\/or primary sidebar.<\/p>\n

This tutorial is particularly inspired by the blog design of Society of Grownups.<\/p>\n

They have a search form below page title with a background image, which not only looks neat and but is attractive enough for visitors to use it more easily.<\/p>\n

Here\u2019s the screenshot of their blog header section.<\/p>\n

\"society-of-grownups\"<\/p>\n

In this tutorial, I\u2019ll share the code to replicate a similar style on any Genesis theme<\/a>.<\/p>\n

Before we begin, here\u2019s small reminder.<\/p>\n

A couple of weeks ago, I shared a tutorial on displaying manual excerpts below page titles<\/a> in Genesis.<\/p>\n

You can consider this tutorial as an extension of that because of the location they share.<\/p>\n

Show Me the Code<\/h2>\n

In order to accomplish the goal, we will need the following:<\/p>\n