Joomla Templates Club 406,261 posts

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

#491810

So how do I do this?

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

#491828

<em>@stephenhadden 370759 wrote:</em><blockquote>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</blockquote>

You can have a look at user guide for reference: http://www.joomlart.com/forums/topic/ja-argo-template-userguide/ and find “1.2 K2 Content Module”

If you want change images fit the square size of the modules you need to customize about css.

+ See the screenshot (big image)

You can change image by

Open templates/ja_argo/css/template.css file

from


.brick-big {
height: 443px !important;
position: relative;
overflow: hidden;
width: 50%; /*the default is 2columns*/
}


Change to


.brick-big {
height: 443px !important;
position: relative;
overflow: hidden;
width: 33%; /*change to 3columns*/
}


+ See the screenshot(small image)

Open templates/ja_argo/css/template.css file

From

.brick-small {
width: 25%; /*4 columns*/
}

change to

.brick-small {
width: 20%;/*5 columns*/
}

Hope my explanation can help you understand more

---

Attachments:

1. 
2. 

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

#492007

Thank You Ninja
This only changes the brick layout not the aspect ratio of the images. Please advise where exactly the source code is so I may change the image to a background and css accordingly. There is a javascript option as detailed in a link a few posts back, but I would not know how to implement it.

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

#492034

oh dear….:((

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

#492179

<em>@stephenhadden 371785 wrote:</em><blockquote>oh dear….:((</blockquote>

I have explained to you very clearly in this thread: http://www.joomlart.com/forums/topic/make-images-fit-to-module-square-size/#post-491828

you can include an illustrated screenshot of what you are trying to achieve.

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#492840

I have the same problem. Now, I upload all the images in square format, so they look nice in the Content Module, but they look very poor in the articles, because the template doesn´t crop, just cut the image with the size you choose.

Here you can see that the articles images dont look nice.

http://vidasdigitales.com/index.php/software/item/386-witopia-un-vpn-que-auna-calidad-y-precio

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

#492855

Hi,

If you want your article image appear will original size, pls put below codes into the end of templates/ja_argo/css/custom.css file:

span.itemImage {
display: block;
text-align: center;
height: 100% !important;
overflow: hidden;
}

* Don’t forget to inform me your result, cantabriadeportiva.

Leo

[Author]

Posts