Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • bowman999 Friend
    #198235

    I’d like to resize blog category images (see attached image) so that the text on the right fills the gap. However, I can’t work out how to do so. If I so resize the image tag, there is a gap between the smaller image and the text. Thought this would be easy, but can’t seem to make it work.

    Can anyone help? Appreciated. John.


    1. image-resize
    Saguaros Moderator
    #537057

    Hi John,

    You can reduce the size of div containing the image by changing the .span via this file: templatesja_argohtmlcom_contentcategoryblog_item.php


    <div class="span4 article-row-aside">
    <?php if (isset($images->image_intro) and !empty($images->image_intro)) : ?>
    <?php $imgfloat = (empty($images->float_intro)) ? $params->get('float_intro') : $images->float_intro; ?>
    <img
    <?php if ($images->image_intro_caption):
    echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
    endif; ?>
    src="<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>
    <?php endif; ?>
    <?php if ($params->get('show_category')) : ?>
    <div class="category-name">
    <?php $title = $this->escape($this->item->category_title);
    $url = '<a href="' . JRoute::_(JATemplateHelper::getCategoryRoute($this->item->catid)) . '" title="'.$title.'">' . $title . '</a>'; ?>
    <?php if ($params->get('link_category')) : ?>
    <span><?php echo $url ?></span>
    <?php else : ?>
    <span><?php echo $title ?></span>
    <?php endif; ?>
    </div>
    <?php endif; ?>
    </div>

    <div class="span8 article-row-main">
    <!-- Aside -->
    <aside class="article-aside clearfix">

    You can change to the value as you want but make sure that the total span of these 2 divs is equal to 12: http://prntscr.com/3nn8zq

    bowman999 Friend
    #537161

    That’s much easier than what I have been trying! Thanks.:)

Viewing 3 posts - 1 through 3 (of 3 total)

This topic contains 3 replies, has 2 voices, and was last updated by  bowman999 10 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum