Hi @supinda1985,
Try adding this PHP:
add_filter( 'generate_post_date_output', function( $output, $time_string ) {
if( ! is_single() ){
return $output;
}
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">Published on %2$s</time>';
if ( get_the_date() !== get_the_modified_date() ) {
$time_string = '<time class="entry-date updated-date" datetime="%3$s" itemprop="dateModified">Updated: %4$s</time>';
}
$time_string = sprintf( $time_string,
esc_attr( get_the_date( 'c' ) ),
esc_html( get_the_date() ),
esc_attr( get_the_modified_date( 'c' ) ),
esc_html( get_the_modified_date() )
);
return sprintf( '<span class="posted-on">%s</span> ',
$time_string
);
}, 10, 2 );
Adding PHP reference: https://docs.generatepress.com/article/adding-php/#code-snippets
Then, add this CSS through Appearance > Customize > Additional CSS:
.single .byline:before {
content: "Written ";
}
.single .byline:after {
content: "\00a0";
}
.single .entry-meta {
display: flex;
}
.single .entry-meta .byline {
order: -1;
}
Hope this helps!