Support Central

Hi carlucci,
I have helped you custom the following file:

1. The /templates/ja_podcast/html/mod_articles_latest/default.php file

The code:

<?php

/**
 * @package     Joomla.Site
 * @subpackage  mod_articles_latest
 *
 * @copyright   (C) 2006 Open Source Matters, Inc. <https://www.joomla.org>
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

if (!$list) {
    return;
}
use Joomla\CMS\Layout\LayoutHelper;
?>
<ul class="mod-articleslatest latestnews mod-list">
<?php foreach ($list as $item) : ?>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="<?php echo $item->link; ?>" itemprop="url">
						<?php echo LayoutHelper::render('joomla.content.intro_image', $item); ?>
            <span itemprop="name">
                <?php echo $item->title; ?>
            </span>
        </a>
    </li>
<?php endforeach; ?>
</ul>

2. The ‎/templates/ja_podcast/html/mod_articles_popular/default.php file:

<?php

/**
 * @package     Joomla.Site
 * @subpackage  mod_articles_popular
 *
 * @copyright   (C) 2006 Open Source Matters, Inc. <https://www.joomla.org>
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

if (!isset($list)) {
    if (isset($hitsDisabledMessage)) {
        echo $hitsDisabledMessage;
    }
    return;
}

use Joomla\CMS\Layout\LayoutHelper;

?>
<ul class="mostread mod-list">
<?php foreach ($list as $item) : ?>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="<?php echo $item->link; ?>" itemprop="url">
					<?php echo LayoutHelper::render('joomla.content.intro_image', $item); ?>
            <span itemprop="name">
                <?php echo $item->title; ?>
            </span>
        </a>
    </li>
<?php endforeach; ?>
</ul>

3. Then add the following CSS code to your site:

/****Custom Latest + Popular module*****/
.latestnews li,
.mostread li {
    clear: both;
}
ul.mod-articleslatest figure.pull-left img,
.mostread li figure.item-image img {
    width: 120px;
}

Hi carlucci,
You can use the following CSS code to remove the arrow icon:

.latestnews ul, .mostread ul,
.latestnews li, .mostread li {
    list-style-type: none;
}

Hope this helps!