[Support request] Icon before title and date

To clarify:

Do you want to replicate the exact layout or perhaps, just add the right chevron icon to the post title?

Try adding this CSS instead.

.wp-show-posts-entry-title:before {
    content: "> ";
    position: absolute;
    left: 0;
    padding-right: 10px;
    transform: translateX(-100%);
}

.wp-show-posts-entry-title {
    position: relative;
}

The date should be automatically below the title if you set the date dropdown to display “Below title” on WPSP Edit page > Meta tab.

If you’re trying to change its date format, you’ll have to filter it with PHP.

Example:

add_filter( 'wpsp_date_output', function($output, $settings, $time_string){
    if ( 123 === (int) $settings['list_id'] ) {
        $time_string = '<time class="wp-show-posts-entry-date published" datetime="%1$s" itemprop="datePublished">%2$s</time>';

        if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
            $time_string .= '<time class="wp-show-posts-updated" datetime="%3$s" itemprop="dateModified">%4$s</time>';
        }

        $time_string = sprintf( $time_string,
            esc_attr( get_the_date( 'c' ) ),
            esc_html( get_the_date( 'm.d.y' ) ),
            esc_attr( get_the_modified_date( 'c' ) ),
            esc_html( get_the_modified_date( 'm.d.y' ) )
            );

        $output = sprintf(
                    '<span class="wp-show-posts-posted-on wp-show-posts-meta">
                        <a href="%1$s" title="%2$s" rel="bookmark">%3$s</a>
                    </span>',
                    esc_url( get_permalink() ),
                    esc_attr( get_the_time() ),
                    $time_string
        );
    }
    return $output;

}, 10, 3 );

replace 123 on if ( 123 === (int) $settings['list_id'] ) line to the WPSP list ID you want to apply this date format change on.

Ah you mean you want it to be indented.

Try this:

.wp-show-posts-entry-title {
    display: flex;
}

.wp-show-posts-entry-title:before {
    content: "> ";
    padding-right: 10px;
}

.wp-show-posts-entry-meta:before {
    content: "> ";
    padding-right: 10px;
    visibility: hidden;
}