View file BlogLive-3col/shortstory.tpl

<article class="short grid-item">
    <a href="{full-link}" class="short__img img-responsive">
        <img src="{image-1}" loading="lazy" alt="{title}">
    </a>
    <header class="short__header">
        <h2 class="short__title"><a href="{full-link}">{title}</a></h2>
        <div class="short__meta d-flex">
            <div class="short__meta-item flex-grow-1">{date=d M Y, H:i}</div>
            <div class="short__meta-item hm2"><span class="fal fa-eye"></span>{views}</div>
            <div class="short__meta-item"><span class="fal fa-comment-alt-dots"></span>{comments-num}</div>
        </div>
    </header>
    <div class="short__desc">
        <p class="short__text line-clamp">{short-story limit="300"}</p>
        <div class="short__meta d-flex ai-center">
            [rating-type-1]<div class="short__meta-item">{rating}</div>[/rating-type-1]
            <div class="short__meta-item flex-grow-1 ws-nowrap">{link-category}</div>
            <a class="short__btn btn" href="{full-link}"><span class="fal fa-long-arrow-right"></span></a>
        </div>
    </div>
</article>