Published date is displayed in the front end

Both, published as well as updated dates are available in the markup.

If you want to display last updated date for the post to your visitors, use the following custom code –

/**
 * Display only last modified date in the post metadata.
 *
 * @param String $output Markup for the last modified date.
 * @return void
 */
function your_prefix_post_date( $output ) {
	$output        = '';
	$format        = apply_filters( 'astra_post_date_format', '' );
	$modified_date = esc_html( get_the_modified_date( $format ) );
	$modified_on   = sprintf(
		esc_html( '%s' ),
		$modified_date
	);
	$output       .= '';
	$output       .= ' ' . $modified_on . '';
	$output       .= '';
	return $output;
}
add_filter( 'astra_post_date', 'your_prefix_post_date' );

It hides the published date and makes updated date visible.

You can design an Archive page using Blog Pro module available with Astra Pro. Please refer document, to begin with, Blog Pro module.

You can find the setting under Appearance > Customize > Blog > Blog / Archive

The Pro feature adds the following styling options:

• Blog Layout
• Content Width
• Blog Post Content
• Excerpt Count
• Read more text
• Post Pagination
• Post Pagination Style
• Blog Post Structure
• Featured Images size
• Blog Meta
• Spacing
• Typography

Blog Layout

There are three types of blog layouts available in total, from which you can choose your Blog / Archive layout. Each layout comes with a specific set of options – these will appear when you select the Layout type.

Keep in mind that the final look of your Blog / Archive page will also depend on the number of posts displayed per page. You can set this at Dashboard > Settings > Reading.

Grid Layout option

This layout, when selected, activates the Grid Layout option.
You can select the number of columns (up to 4) to display your blog posts

Note: You will only be able to select the Grid Layout when the first Layout is selected. Not when the Image is on the left or right.

Add Space Between Posts

This adds spacing between two blog posts
The option is recommended for Boxed and Content Boxed layout.

Here’s the Boxed Layout we are referring to above, which can be set under the Customizer > Global > Container.

Masonry Effect

Masonry is a grid layout based on columns. When you select more than 1 column this option will appear. In this layout, the height and width of the columns are not fixed, unlike other grid layout options.
Masonry layout makes maximum utilization of space by covering small gaps and spaces

Highlight First Post

This option highlights the very 1st post or the recently added posts in the archives.

Enable Date Box

You can add a date box and set the styling of putting it in a square or circle.

Remove Featured Image Padding

It removes the padding from the columns of the blog posts.
Recommended to use along with the ‘Add Space Between Posts’ option.
This layout will not work with full-width layouts.

Content Width

Custom

You can set a Custom Width for the Blog Container using this option or you can set a Default Width.

While if you select the Default Width it would inherit the width of the Customizer > Global > Container > Width.

Blog Post Content

Full Content

Where the entire write-ups or the copy matter written for a blog post is visible on the archive page.

Excerpt Count

Excerpt content means displaying a short extract of the content, where the count of words is restricted. With the “Astra Blog Pro” module you can limit the word count according to your design and layout using the Excerpt Count option.

Post Pagination

Number

When you select the “Number” option, page numbers are displayed at the bottom of the posts. The user needs to click manually on numbers to load the next/previous page. The number of posts displayed on each page is dependent on the post number set for Blog pages show at most setting from the dashboard under Settings > Reading.

Infinite Scroll

Unlike the “Number” option there is no restriction on the display of blog posts on the archive page. After selecting “Infinite Scroll” all the published posts are visible since the start.

Blog Post Structure

Allows you to choose whether to display or hide the featured image, title, and meta. Just click on the ‘eye’ icon to enable or disable the option.

Post Meta

Below the Post Structure section, comprising of Post Title and Featured Image, we have a section for Post Meta.

The Post Meta comprises of the Comments, Category name, Author, Published Date, Tag, and also Read Time.

Featured Images size

Set the featured image size.

Spacing

Allows managing the space inside and outside the Blog Posts.

Typography

This option helps to manage the Typography settings of the Archive Title, Post Title, Meta and Pagination.

You can design a Single Post page using Blog Pro module available with Astra Pro. Please refer document, to begin with, Blog Pro module.

Astra theme provides basic options to style the single blog page. Refer a document here. While Blog Pro addon available with Astra Pro Addon adds premium features to this options.

Options available with Blog Pro addon are listed below –

Single Post Structure

It allows you to choose whether to display or hide post featured image, title, and meta. Just click on the ‘eye’ icon to enable or disable the option.

Author Info

It displays Author information in the single blog post.

Auto Load Previous Posts

It will load the previous blog post below the current one on the same post page. Auto Load Previous Posts cannot be previewed in the Customizer. You would need to save changes, then it will appear on the front end.

Remove Featured Image Padding

It will remove padding around the featured image on the single post page. This option will work only with Boxed and Content Box container layout.

Astra theme provides basic options to style the blog archive and single blog page. Refer to the document here. While Blog Pro addon available with Astra Pro adds premium features to these options.

This module adds more options in the customizer for the blog layouts.

Quick Steps on How to Design Blog Page Using the Blog Pro Module
Step 1: Make sure you have the Astra Pro Addon plugin installed and activated. How to Install Astra Pro Addon plugin?
Step 2: Activate the Blog Pro module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options
Step 3: Visit customizer [ Appearance > Customize > Blog ] to edit module settings

After activating the addon plugin, and activating the Blog Pro Module (Appearance > Astra Options), you will see the additional settings under Appearance > Customize > Blog. Refer following documents to see detailed settings offered by the addon – 

• Blog / Archive Page
• Single Post Page