Joomla Templates Club 406,261 posts

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#187142

Hi
Where and how exactly can I make my images fit the square size of the modules? Please see attached screenshot. This is rather urgent. Im using K2.
Many thanks in advance

---

Attachments:

1. 

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491261

Anyone?:((

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#491301

Hi stephen,

I saw your concern via your attached snapshot. So, would you mind sending a PM with your admin account for checking it ?
I’ll help to fix & guide you how to do later.

Leo

1 user says Thank You to phong nam for this useful post

1. stephenhadden

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491369

wow, Thank you Leo!
I have the site on Local host. Let me just upload it quickly.

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491390

Sent the details to you via PM

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491401

Am I the only one with problem?

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491440

Is there a solution or not? Im prepared to pay for it!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#491443

Hi stephen,

I got your PM, your issue is related to the height of image in “brick brick-small” class. In order to fix it, pls put below codes into your custom.css.

.brick .brick-img img {
width: 100%;
height: 100%;
}

Leo

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491466

Hi, This just stretches the image. Where can I make the image a background rather as it will scale to fit and keep aspect ratio?

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491588

mmmm, not good 🙁

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#491623

Hi Stephen,

Yes. There are few stretched images on your Articles Category modules, but not all. I suggest you to choose the suitable layout for your modules, because the appearance of thumbnail images are based on your image’s size also.

Leo

---

Attachments:

1. 

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

#491681

If you really want them looking good on the front page Brick layout i’d insert the images into K2 square (ie the same width as height).

K2 will display them in a wide (cropped) format on top of your article (until you click on them).

This works… I think expecting intelligent resizing/cropping of images to the brick layout on the front page may be asking a little too much,

Regards,

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491684

Actually, your idea is just not feasible. I have 8000 images that cannot be all resized square. JoomlaXTC, Gavick and Shape 5 all make the images scale properly and keep aspect ratio by making the image a background in the div. I have seen their code and now I just want to know where the code is that calls these images so I can change it to backround image and edit the brick css
How hard can this be?

[stephenhadden Friend stephenhaddenJoin date: September 2012Posts: 15Downloads:5Uploads:1 Thanks: 2]

#491685

Heres and interesting thought
http://stackoverflow.com/questions/1891857/how-do-you-stretch-an-image-to-fill-a-div-while-keeping-the-images-aspect-rat

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

#491809

Interesting!

[Author]

Posts