Joomla - Styling category blog article content

Question

I am trying to style how the articles are laid out in a Category Blog and have got stuck on styling the actual content of the article.

My code for the first article on the Category Blog is as such:

<div class="items-leading">

<div class="leading-0">

    <h2>
        <a href="/news/5-news-post-1">News Post 1</a>
    </h2>

    <dl class="article-info">

        <dt class="article-info-term">Details</dt>

        <dd class="published">2nd Mar 2013</dd>

    </dl>

    Lorem ipsum dolor sit amet etc...

    <div class="item-separator"></div>

</div>

I am trying to style the lorem ipsum example text by wrapping it in some kind of tags, either div or paragraph I don't mind, so I can give its wrapping container a div and font styling etc.

Here is a link to the site where its currently on:

http://test.studevent.co.uk/news

Any help is greatly appreciated.

Answer 1

You want to change default template for article item in blog? /components/com_content/views/category/tmpl/blog_item.php - it is default template. copy it in your template (/templates/{your_template_name}/html/com_content/category/blog_item.php). After, in your copy on line 137 you can find <?php echo $this->item->introtext; ?> <?php echo $this->item->introtext; ?> - it is your text 'Lorem ipsum ...'

Answer 2

To do this, the file you need to edit is found here:

YOURSITEROOT/layouts/joomla/content/blog_style_default_item_title.php

In order to edit file, create a new folder (within your template) and move the file here, so it would be:

YOURSITEROOT/templates/YOURTEMPLATE/html/layouts/joomla/content/blog_style_default_item_title.php