You can set the width /height for these images by adding this css rule:
.t3-content .blog .item-image img {
width: /*your_desired_value_here*/;
height: /*your_desired_value_here*/;
}
into /templates/uber/css/custom.css file (create this file if it doesn’t exist).
In case that you also want to increase the width for the content part, you can go to PHP file: templatesuberhtmlcom_contentcategoryblog_item.php and look for this snippet of code:
<!-- Article -->
<article>
<div class="row">
<div class="col-sm-4 item-image-box">
<?php echo JLayoutHelper::render('joomla.content.intro_image', array('images'=>$this->item->images, 'params'=>$this->item->params, 'url'=>$link)); ?>
</div>
<div class="col-sm-8 item-content-box">
<?php if ($params->get('show_title')) : ?>
<?php echo JLayoutHelper::render('joomla.content.item_title', array('item' => $this->item, 'params' => $params, 'title-tag'=>'h2')); ?>
<?php endif; ?>
We utilize the Bootstrap grid system here, you can reduce the value for col-sm-4 and increase it for col-sm-8, just make sure that the total grid is equal to 12. For example, if you change to col-sm-2 for image box, the content should be set with col-sm-10
monsterhunter 10 years ago.
