Joomla Templates Club 406,261 posts

[luxos Friend luxosJoin date: March 2013Posts: 49Downloads:8Uploads:3 Thanks: 4 Thanked: 2 times in 1 posts]

#192566

Dear All,

We just came to know, main featured K2 Content module can show only square images,

We have modified our main article image: 750Width X 462 Height.

You can see in this featured article layout SCREEN: http://prntscr.com/26rarj, all images or fine because we have submitted, into square 750×750,

Here one image is not into right format because of our true crop is 750×462 SCREN: http://prntscr.com/26rben

Can you help us so it can work with 750×462 crop, so its works automatically.

Because we cant make square images for featured articles.

2- When i submit data on contact form, : its showing message Could not open socket

Looking forward for your help.

Regards

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

#513684

Hi Luxos,

I saw the problem. In my point of view, the K2 content module displays correctly the re-sized image size of each K2 item since the module will automatically crop the image according to the width/height in percent.

Anyways, you can make the cropped image to look the same and fit with brick box by creating a custom.css file and put below css style override into:

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

<blockquote>When i submit data on contact form, : its showing message Could not open socket</blockquote>

This is a Joomla issue that I have found a fix on the same topic at http://forum.joomla.org/viewtopic.php?f=615&t=769245. You can backup the file and follow the tip inside suggested thread.

[luxos Friend luxosJoin date: March 2013Posts: 49Downloads:8Uploads:3 Thanks: 4 Thanked: 2 times in 1 posts]

#513866

Dear Leo,

Thanks for your response, as you can see in this screen: http://prntscr.com/278kab Now height is 100%, Now in parameters there is width 100% height 100%.

Problem is Images are still squeezed, as brick contain is in square format, Our image is in 750×462 means in percent width is 100 % but height is 61.6%.

This is our original screen images: http://prntscr.com/278ll6

I hope you help me out for this container issue.

Thanks

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

#514081

Hi,

<blockquote>Problem is Images are still squeezed, as brick contain is in square format, Our image is in 750×462 means in percent width is 100 % but height is 61.6%.</blockquote>

If you still want to display the size of re-sized images in percent, instead of making them to display with the 100% height/width of brick image like on our template demo, you can try to add below codes into custom.css file too:

div.brick-img {
height: auto !important;
}

The idea is setting to height of .brick-image class to make the intro images not to be squeezed and display the correct 61.6% height.

[luxos Friend luxosJoin date: March 2013Posts: 49Downloads:8Uploads:3 Thanks: 4 Thanked: 2 times in 1 posts]

#514318

Hi

Thanks its works well now, great.:)

<em>@Leo Burnetts 400258 wrote:</em><blockquote>Hi,

If you still want to display the size of re-sized images in percent, instead of making them to display with the 100% height/width of brick image like on our template demo, you can try to add below codes into custom.css file too:

div.brick-img {
height: auto !important;
}

The idea is setting to height of .brick-image class to make the intro images not to be squeezed and display the correct 61.6% height.</blockquote>

1 user says Thank You to luxos for this useful post

1. JA Developer

[Author]

Posts