Customize the Genesis Search Box

The more I use the Genesis Framework the more I realize just how easy it is to customize.

The other day I began working on a blog redesign and my client wasn’t happy with the phrase “Search this website…” inside of the search box. She also wanted to change the text on the button from “Search” to “Go”.

After a little bit of poking around I found a way to accomplish both tasks in only 8 lines of code.

Genesis Tutorial: Edit Search Text and Search Button

Open the functions.php file and add the code below. Edit the values to accommodate your needs.

To edit the text inside the search box to “Search our blog…”

/**
 * Customize text inside of search box
 *
 * @author Rick R. Duncan
 * @link http://www.buildbrandbelieve.com
 */
add_filter('genesis_search_text', 'b3_custom_search_text');
function b3_custom_search_text($text) {
    return esc_attr('Search our blog...');
}

To edit the text of the search button to “Go”

/**
 * Customize search button text
 *
 * @author Rick R. Duncan
 * @link http://www.buildbrandbelieve.com
 */
add_filter('genesis_search_button_text', 'b3_custom_search_button_text');
function b3_custom_search_button_text($text) {
    return esc_attr('Go');
}