Customize Search Results Title

Hi there,

try adding this CSS:

.search.separate-containers .page-header {
    background-color: #F5F4EE;
    color: #F46100;
    text-align: center;
}

Worked! Thanks David, But how I can change the Text to: Results for “search query” e.g. Results for “cars”

You can change the prefix text using the snippet provided here:

https://generatepress.com/forums/topic/modify-search-title/#post-2077758

Do you want the search query wrapped in "" quotes too ?

Yes, Like Results for “cars”

Try this snippet instead:

add_filter('generate_search_title_output',function($title) {
    $title = sprintf(
        '<header %s><h1 class="page-title">%s</h1></header>',
        generate_get_attr( 'page-header' ),
        sprintf(
            /* translators: 1: Search query name */
            __( 'Results for: "%s"', 'generatepress' ),
            '<span>' . get_search_query() . '</span>'
        )
    )
    return $title;
});