[Support request] Customize Search Results Title

[John]

Hi, Please, How I can change Search Results Title background from white to this color: #F5F4EE, text alignment: Center, Text Color: #F46100 and Text: Results for “search query” e.g. Results for “cars”

[David]

Hi there,

try adding this CSS:

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

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

[David]

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 ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

Yes, Like Results for “cars”

[David]

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;
});

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts