File: htdocs/themes/xswatch4/modules/system/system_comment.tpl

<div class="xoops-comment-template" id="comment<{$comment.id}>">
	<div class="row">
		<div class="col-3 col-md-2 aligncenter"><{$comment.poster.uname|default:''}></div>
		<div class="col-5 col-md-4">
			<small class="text-muted"><strong><{$lang_posted}></strong> <{$comment.date_posted}></small>
		</div>
		<{if $comment.date_posted != $comment.date_modified}>
		<div class="col-4 col-md-6">
			<small class="text-muted"><strong><{$lang_updated}></strong> <{$comment.date_modified}></small>
		</div><!-- .col-md-3 -->
		<{else}>
			<div class="col-4 col-md-6">&nbsp;</div>
		<{/if}>
		<div class="w-100"></div>
		<div class="col-3 col-md-2 xoops-comment-author aligncenter">
			<{if $comment.poster.id != 0}>
				<{if isset($comment.poster.avatar) && $comment.poster.avatar != 'blank.gif'}>
				<img src="<{$xoops_upload_url}>/<{$comment.poster.avatar}>" class="img-fluid img-rounded img-thumbnail">
				<{else}>
				<img src="<{$xoops_imageurl}>images/no-avatar.png" class="img-fluid img-rounded img-thumbnail">
				<{/if}>
				<ul class="list-unstyled">
					<li><strong class="poster-rank hidden-xs"><{$comment.poster.rank_title|default:''}></strong></li>
					<li><img src="<{$xoops_upload_url}>/<{$comment.poster.rank_image|default:''}>" alt="<{$comment.poster.rank_title|default:''}>"
							 class="poster-rank img-responsive"></li>
				</ul>
				<ul class="list-unstyled poster-info hidden">
					<li><{$lang_joined}> <{$comment.poster.regdate|default:''}></li>
					<li><{$lang_from}> <{$comment.poster.from|default:''}></li>
					<li><{$lang_posts}> <{$comment.poster.postnum|default:''}></li>
					<li><{$comment.poster.status|default:''}></li>
				</ul>
			<{else}>
				&nbsp;
			<{/if}>
		</div>
		<div class="col-9 col-md-10 xoops-comment-text">
			<h4><{$comment.image|default:''}><{$comment.title|default:''}></h4>

			<p class="message-text"><{$comment.text}></p>
		</div>
		<div class="w-100"></div>
		<div class="col-12 col-md-12 alignright">
			<{if isset($xoops_iscommentadmin) && $xoops_iscommentadmin == true}>
				<a href="<{$editcomment_link}>&amp;com_id=<{$comment.id}>" title="<{$lang_edit}>" class="btn btn-secondary btn-sm">
					<span class="fa-solid fa-edit"></span>
				</a>
				<a href="<{$replycomment_link}>&amp;com_id=<{$comment.id}>" title="<{$lang_reply}>" class="btn btn-secondary btn-sm">
					<span class="fa-solid fa-comment"></span>
				</a>
				<a href="<{$deletecomment_link}>&amp;com_id=<{$comment.id}>" title="<{$lang_delete}>" class="btn btn-secondary btn-sm">
					<span class="fa-solid fa-trash-can"></span>
				</a>
			<{elseif $xoops_isuser == true && $xoops_userid == $comment.poster.id}>
				<a href="<{$editcomment_link}>&amp;com_id=<{$comment.id}>" title="<{$lang_edit}>" class="btn btn-secondary btn-sm">
					<span class="fa-solid fa-edit"></span>
				</a>
				<a href="<{$replycomment_link}>&amp;com_id=<{$comment.id}>" title="<{$lang_reply}>" class="btn btn-secondary btn-sm">
					<span class="fa-solid fa-comment"></span>
				</a>
			<{elseif $xoops_isuser == true || $anon_canpost == true}>
				<a href="<{$replycomment_link}>&amp;com_id=<{$comment.id}>" class="btn btn-secondary btn-sm">
					<span class="fa-solid fa-comment"></span>
				</a>
			<{else}>
				&nbsp;
			<{/if}>
		</div>
	</div>
</div>