Arranging post meta data so tag string appears below the category string

Hi,

I would like to print the tags on separate line. How can I adapt my sydney_posted_on() function to achieve this?
Hoping you can help,
Cheers,
Tilla

Here’s my sydney_posted_on function from my Sydney pro child theme:

function sydney_posted_on() {
	$time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
	if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
		$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%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() )
	);

	$posted_on = sprintf(
		_x( '%s', 'post date', 'sydney' ),
		'<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>'
	);
// Code modified to work with coauthors plus plugin: see https://wpvip.com/documentation/incorporate-co-authors-plus-template-tags-into-your-theme/
if ( function_exists( 'coauthors_posts_links' ) ) {
   	$byline = sprintf(
		_x( '%s', 'post author', 'sydney' ),
		'<span class="author vcard">'.coauthors_posts_links(null,null,null,null,false).'</span>'
	);
} else {
    $byline = sprintf(
		_x( '%s', 'post author', 'sydney' ),
		'<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author() ) . '</a></span>'
	);
}

	echo '<span class="posted-on">' . $posted_on . '</span><span class="byline"> ' . $byline . '</span>'; 
	

	if ( ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
		echo '<span class="comments-link">';
		comments_popup_link( __( 'Leave a comment', 'sydney' ), __( '1 Comment', 'sydney' ), __( '% Comments', 'sydney' ) );
		echo '</span>';
	}

	$categories_list = get_the_category_list( __( ', ', 'sydney' ) );
	if ( $categories_list && sydney_categorized_blog() ) {
		 printf( '<span class="cat-links">' . __( '%1$s', 'sydney' ) . '</span>', $categories_list ); 
		//	printf( $categories_list );  Using this removes the category widget
	}
	
/* Added tag list to top of posts 3-06-2019....try to put on a second line */
	$tags_list = get_the_tag_list( '', __( ', ', 'sydney' ) );
		if ( $tags_list && is_single() ) {
			printf( '<span class="tags-links"><i class="fa fa-tags"></i>' . __( ' %1$s', 'sydney' ) . '</span>', $tags_list );
		}
}

Hello Tilla,

Can you please provide a link to relevant post and some explanatory screenshots?

Kind Regards, Roman.
aThemes Support

Of course, thanks Roman. Here is an example with lots of tags (some posts will only have one)

Hello Tilla, thank you for the link.

Try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

.post .entry-header .meta-post .tags-links {
    display: block;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Hi Roman, that worked, thanks!

Great! You are welcome Tilla :slight_smile:

Kind Regards, Roman.
aThemes Support