Hi
In this case, you will have to customize the layout of article view and add style for it.
The associated file is:
/templates/ja_blockk/html/com_content/article/default.php
Line 188-191:
<!-- Media Show -->
<?php if ($params->get('access-view')) : ?>
<?php echo LayoutHelper::render('joomla.content.full_image', $this->item); ?>
<?php endif; ?>
<!-- // Media Show -->
This code renders the full text image of article, the text is generated inside another div tag:
<div itemprop="articleBody" class="com-content-article__body <?php if ($shareTool) {
echo 'has-sharing';
} ?>">
<?php $this->item->text = $params->get('show_intro') ? str_replace($this->item->introtext,'',$this->item->text) : $this->item->text; ?>
<?php echo JHtml::_('content.prepare', $this->item->text); ?>
<?php if ($content_type == 'gallery') :?>
<?php echo JLayoutHelper::render('joomla.content.gallery_play', $this->item); ?>
<?php endif; ?>
<div class="read-more">
<?php echo JHtml::_('content.prepare', '{loadposition read-more,default}'); ?>
</div>
</div>
As you can see that it's separated from the article body text below.
So in order to achieve the layout as you mentioned, you need to revamp code of this file.
