whitesports/app/wp-content/themes/xshop-lite/template-parts/content-grid...

<?php
/**
 * Template part for displaying posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package XShop
 */
$xshop_categories = get_the_category();
	if($xshop_categories){
		$xshop_category = $xshop_categories[mt_rand(0,count( $xshop_categories)-1)];
	}else{
		$xshop_category = '';
	}
?>
<div class="col-lg-6 grid-item">
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<div class="xpost-item shadow pb-3 mb-5">

		<?php xshop_post_thumbnail(); ?>
		<div class="xpost-text xpost-grid-text p-3">
			<div class="grid-head">
				<span class="ghead-meta">
					<?php if ( 'post' === get_post_type() && !empty($xshop_category) ) : ?>
					<a href="<?php echo esc_url(get_category_link($xshop_category)); ?>"><?php echo esc_html($xshop_category->name.' / '); ?></a>
					<?php endif; ?>
					<?php echo esc_html( get_the_date()); ?>
				</span>
		<?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
			</div>
			<a class="xshop-readmore" href="<?php the_permalink(); ?>"><?php esc_html_e( 'Read More ','xshop-lite'); ?> <i class="fas fa-long-arrow-alt-right"></i></a>
					
		</div>
	</div>
</article><!-- #post-<?php the_ID(); ?> -->
</div>