Tasks:
- In the articles list to select introtext (introductory text) in a separate div with your css-class.
- In the article to highlight the introtext and fulltext (full text) in your tags with your css-classes.
Let’s start:
For starters I recommend the «Create overrides» in your template for the component com_content.
File paths will be specified taking into account the fact that you made this point.
The first task
Open the file:
/templates/Your_Template/html/com_content/category/blog_item.php
Find the code:
echo $this->item->introtext;
Framing it in a div:
<div class="introtext">
<?php echo $this->item->introtext; ?>
</div>
The second task
Open the file:
/templates/Your_Template/html/com_content/article/default.php
Find the code:
<div itemprop="articleBody" >
<?php echo $this->item->text; ?>
</div>
And change it to this:
<div itemprop="articleBody" class="text">
<div class="introtext">
<?php echo $this->item->introtext; ?>
</div>
<div class="fulltext">
<?php echo $this->item->fulltext; ?>
</div>
</div>
And then you can use css-styles to change the look to one that is more like it.