Hi @akdigital,
You can achieve this by using the ‘timeline-express-after-image’ action (https://github.com/EvanHerman/timeline-express/blob/7adbc45730b66571adfea1817f672f501def58e2/lib/public/partials/timeline-express-container.php#L86-L87).
This will allow you to add markup after the image on the timeline, but not inside of the single template page where the announcement content is displayed.
An example of using this action would be:
/**
* Generate a caption for the announcement banner image.
* Note: Pulls the caption from the image caption meta data.
*
* @return string Announcement banner image caption if it exists, else null.
*/
function timeline_express_after_image_caption() {
global $post;
$announcement_image_id = get_post_meta( $post->ID, 'announcement_image_id', true );
if ( ! $announcement_image_id ) {
return;
}
$caption = get_the_excerpt( $announcement_image_id );
if ( ! $caption ) {
return;
}
printf(
'<figcaption class="banner-caption">%s</figcaption>',
esc_html( $caption )
);
}
add_action( 'timeline-express-after-image', 'timeline_express_after_image_caption' );
Let us know if that helps!
