Joomla Templates Club 406,261 posts

[vric Friend vricJoin date: April 2008Posts: 22Downloads:7Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#186868

I scratch my head on this one. I try to find where’s the style is applied in this code.

<div class=”brick brick-big”>
<div class=”brick-img” style=”height: 444px;”>

The Height: 444px actually prevent image to be dynamically adjusted in height, which force us to size image square. I need to delete it (on make it auto) but I can’t find it in any php files.

Or is there a way to “crop” image to use that ratio? Else right now, it always has huge white space between row (most image are rectangular, not square)

Thanks

[MoonSailor Friend MoonSailorJoin date: November 2011Posts: 1106Downloads:0Uploads:245 Thanks: 89 Thanked: 248 times in 223 posts]

#490255

Hi,

<blockquote>
<div class=”brick brick-big”>
<div class=”brick-img” style=”height: 444px;”>
</blockquote>

It’s module type of “Articles Category” – using layout “brick-2-big.php”.

<blockquote>
The Height: 444px actually prevent image to be dynamically adjusted in height, which force us to size image square. I need to delete it (on make it auto) but I can’t find it in any php files.
</blockquote>

You can open file “templates/ja_argo/html/mod_articles_category/brick.php” find code :

[PHP]
<script type=”text/javascript”>
/* Update height for brick-img */
/*
jQuery(window).bind(‘layout-update’, function () {
var $ = jQuery;
$(‘.brick-img’).each(function(){
$(this).css(‘height’, $(this).width());
});
});
*/
jQuery (document).ready(function($){
updateHeight = function(){
$(‘.brick-img’).each(function(){
$(this).css(‘height’, $(this).width());
});
}

updateHeight();
$(window).bind(‘resize’, updateHeight);
})
</script>
[/PHP]

We’re using javascript for auto equal height of div with class “brick-img”.

<blockquote>
Or is there a way to “crop” image to use that ratio? Else right now, it always has huge white space between row (most image are rectangular, not square)
</blockquote>

Because it’s default module of joomla. You need to make your own customization to achieve that.

Regards

[Author]

Posts