Joomla Templates Club 406,261 posts

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#191235

Hi
In K2 article top image is by default 300px heigh.
When the system displays the image it takes 300px from the top border of the image.
It means that everything below 300px (counting from the top) is not displayed.
Most pictures is taken in this way theat the most important areas are in their centers and therefore its most important areas may by placed at the bottom of the picture or even cut..
And as a result we have article picture that is focused on the top of the oryginal picture.
And most important things are not in the center. So K2 article picture doesn’t exactly show what photograper wanted to express.

The qustion is how to adjust the way K2 article picture is displayed so that the picture was focused on the main interest area (center of the picture).
There are no crop options.

Please advice

Regards

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

#508460

Yes, we have used css style to resize image, so that I can take a look and try to assist, please provide the url of the site you’re working on. I shall check directly on your site and give you specific answers.

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#508661

Hi Ninja Lead,

Thank you for the quick response.
This is wide image (width: 650px) http://www.tuwartobyc.pl/opolskie/opole/item/383-facebook-s-new-look-may-include-multiple-news-feeds
And this is smaller image (width: 450px) http://www.tuwartobyc.pl/opolskie/namyslow/item/382-facebook-s-new-look-may-include-multiple-news-feeds and in this case pics.

Looking forward hearing from you

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

#508684

It is not bug in this case

Link: http://www.tuwartobyc.pl/opolskie/opole/item/383-facebook-s-new-look-may-include-multiple-news-feeds -> real image is large: http://www.tuwartobyc.pl/media/k2/items/cache/92c3523de61d06eebdc515f2babb64b9_L.jpg

Link: http://www.tuwartobyc.pl/opolskie/namyslow/item/382-facebook-s-new-look-may-include-multiple-news-feeds -> real image is medium: http://www.tuwartobyc.pl/media/k2/items/cache/e561084e9220383c7204eb40f9bc13f1_M.jpg

You can see the config difference in “opole” and “namyslow” category image size from Categories of K2 component.

And you can check namyslow category and set image it to LARGE image, see the screenshot

---

Attachments:

1. 

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#508715

Yes, I know that 🙂
I did it especially to show you that only smaller images are displayed as a whole. And bigger images are cut 300px from the top – without focusing on their centers (main interest areas).

<blockquote>The qustion is how to adjust the way K2 article picture is displayed so that the picture was focused on the main interest area (center of the picture).
There are no crop options.</blockquote>

Best regards

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#509083

Hello, any ideas?

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

#509127

<em>@portalion 393724 wrote:</em><blockquote>Hello, any ideas?</blockquote>

You can try to do with my below solution

Open templates/ja_argo/css/k2.css file

From

div.itemImageBlock {
margin: 0 10px 30px 0;
float:left;
}
div.itemIntroText {
color: #333;
font-weight: bold;
}


Change to

div.itemImageBlock {
margin: 0 10px 30px 0;
float:left;
width: 100%;
}
div.itemIntroText {
color: #333;
font-weight: bold;
clear: both;
}


[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#509204

Thank you Ninja Lead,

Of course your, advice is great as far as centering image in layout is concerned.

Howevere, I have started this thread with other question.
Could you please have at my initial post and say whether is this possible to achive crop or other solution?

Best regards

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

#509330

I’m not sure my above solution to work all case the image on your site but if possible you can send me directly link as same this problem. I shall help you to suggest the solution for you.

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#509366

Thank you Ninja Lead,

Because of other issues of Argo I have reported I will back to this thread if they will be resolved.
At this stage I don’t know whether I will be running website basic on this template.

Best regards

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

#509694

If you have anything further issues in the future please doesn’t hesitate to contact us.

[Author]

Posts