Joomla Templates Club 406,261 posts

[nylonadmiral Friend nylonadmiralJoin date: July 2011Posts: 18Downloads:0Uploads:2 Thanks: 3]

#189989

Hi

How do I redefine the image size for images within K2 items?

I can see how to redefine image widths within the K2 parameters but this is not what I mean.

When you select an image for a K2 item it is a square image so that it appears properly in the “bricks”.

However, when you actually click on a K2 item and open it to view it, that image at the top of the document is cropped to a rectangle. How do I adjust the size that the in-item image is cropped to?

Thanks

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

#503495

Right now its difficult to guess the issue and give solution to you. It would be awesome if you can possibly include a screenshot and description on that particular screenshot on what you would like to do. Otherwise, it’s like solving a puzzle without clue.

[nylonadmiral Friend nylonadmiralJoin date: July 2011Posts: 18Downloads:0Uploads:2 Thanks: 3]

#503782

Thanks for the reply, I’ve attached an image that I hope illustrates what I’m talking about.

Many thanks

---

Attachments:

1. 

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

#503864

You can fix the problem image details this way

Open templates/ja_argo/css/k2.css file

From

span.itemImage {
display: block;
text-align: center;
height: 300px;
overflow: hidden;
}

Change to

span.itemImage {
display: block;
text-align: center;
overflow: hidden;
}

1 user says Thank You to Ninja Lead for this useful post

1. nylonadmiral

[nylonadmiral Friend nylonadmiralJoin date: July 2011Posts: 18Downloads:0Uploads:2 Thanks: 3]

#503913

Awesome thanks.

Where would I find the equivalent piece of code for non-K2 items?

Thanks

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

#503915

Please give me URL of page where the same problem persists, I will suggest further then.

[nylonadmiral Friend nylonadmiralJoin date: July 2011Posts: 18Downloads:0Uploads:2 Thanks: 3]

#503918

Here’s an example:

http://doyouevenhoon.com/index.php/categories/features/car-reviews1/18121-westfield-xtr2

Thanks Ninja!

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

#504091

You can custom it from img tags css class

Open templates/ja_argo/css/template.css file

From

img {
max-width: 100% !important;
}

Change to

img {
max-width: none !important;
}

[Author]

Posts