Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#731801

I noticed that images have not the same verical size in the icons:

This is in your demo: http://ja-magz-ii.demo.joomlart.com/index.php/en/

Is it possible to have the same verical size and to center the image on the small icon center.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#752727

Hi
The size of images is automatically resized According to the container size .
It depends on the original image size , Here the original images size is different so its look like this : http://prntscr.com/8vd75z
You can set a max height but in this way images will not resized correctly and break aspect ratio .

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#752942

I am sorry to hear that!

In a magazine you can not leave these sizes arbitrary and with manual re-size!

I believe development should find a more elegant and professional solution to this.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#752978

Hi
This is not problem . You can use same size of images , in responsive templates , images are resized with respect to container width and their aspect ratio .

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#753002

No, I do not agree with you, this is a problem because you have to cut each image in the same size!

I a magazine template you put any image and it should be resized to the same designed dimension in order to have layout’s harmony.

I tbelieve that you should add this feature to the template as it is a clear lack of quality.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#753004

Hi
The only thing u can do either use same size of images or define a min-height for images .
Images are 100% width and auto height so it can adjust in all size devices .
You can add min-height code in custom.css

@media (min-width:992px){.leading-sidebar .item-image img{min-height:80px}}

Change height value as per you needs .
I hope u understand the responsive behavior used in templates .

[Author]

Posts