Joomla Templates Club 406,261 posts

[Marco Romano Friend Marco RomanoJoin date: May 2009Posts: 1Downloads:5Uploads:1]

#187444

I have a problem in the module brick. Images do not align, as shown in the attach. I don´t understand. Any idea?
the url is http://www.amigosdafotografia.com.br/site/

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#492702

Due to the concept this template need to show pictures are block of square(width = height). If you want to show alike the demo you need to drop the picture with size square(width = height).

Or other way you can customize js in file

templates/ja_argo/html/mod_k2_content/brick/default.php

from


jQuery (document).ready(function($){
updateHeight = function(){
$('.brick-img').each(function(){
$(this).css('height', $(this).width());
});
}

updateHeight();
$(window).bind('resize', updateHeight);
})

change to


/*
jQuery (document).ready(function($){
updateHeight = function(){
$('.brick-img').each(function(){
$(this).css('height', $(this).width());
});
}

updateHeight();
$(window).bind('resize', updateHeight);
})
*/


[pb66 Friend pb66Join date: May 2010Posts: 129Downloads:23Uploads:10 Thanks: 31 Thanked: 42 times in 27 posts]

#492750

Your issue is to do with the way that the Brick module processes the images. By default it fits them in and doesn’t crop them.

Read this thread http://www.joomlart.com/forums/topic/make-images-fit-to-module-square-size/

My solution was to insert square images into my K2 articles, knowing that K2 would crop them in the article view – but then I don’t have that many articles so it’s a simple solution!

Hope this helps!

Regards,

1 user says Thank You to pb66 for this useful post

1. JA Developer

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#492818

In K2 Component, you can configure to resize width image from Parameter of K2

If you don’t want to show square-size image you can remove js script in templates/ja_argo/html/mod_k2_content/brick/default.php

Find and remove script


jQuery (document).ready(function($){
updateHeight = function(){
$('.brick-img').each(function(){
$(this).css('height', $(this).width());
});
}

updateHeight();
$(window).bind('resize', updateHeight);
})


[Author]

Posts