Joomla Templates Club 406,261 posts

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#566338

Hi @lovedigit,

Please add this code to custom.css file, I checked this code and it should works fine :

@media screen and (min-width: 768px) {
#t3-mainbody .magazine-item-main .carousel-inner {
width: 500px;
margin: 0 auto;
max-width: 100%;
}
}

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#566517

should I remove previous codes?

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#566519

<em>@Adam M 467739 wrote:</em><blockquote>Hi @lovedigit,

Please add this code to custom.css file, I checked this code and it should works fine :

@media screen and (min-width: 768px) {
#t3-mainbody .magazine-item-main .carousel-inner {
width: 500px;
margin: 0 auto;
max-width: 100%;
}
}
</blockquote>

Ok it is working. But, images are shrinked on landscape size as well. Wanted it to be on Portrait size only. 🙁

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#566520

See this page – http://www.digitfreak.com/gallery/2666-nissan-maxima-2016-gallery

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#566535

Hi @lovedigit,

In this case, please look for the old code in custom.css file :


@media screen and (min-width: 768px) {
#t3-mainbody .magazine-item-main .carousel-inner {
width: 400px;
margin: 0 auto;
max-width: 100%;
}
}

then replace with below code :


@media screen and (min-width: 768px) {
#t3-mainbody .article-main .photo-item-ct .item-image {
text-align: center;
}
#t3-mainbody .article-main .photo-item-ct .item-image img {
max-height: 500px;
}
}
@media screen and (min-width: 480px) {
#t3-mainbody .article-main .photo-item-ct .item-image img {
max-height: 250px;
}
}

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#566548

After applying the new code, The landscape size gallery is stretched and looks ugly.

Landscape size gallery – http://www.digitfreak.com/gallery/2666-nissan-maxima-2016-gallery

Portrait size gallery – http://www.digitfreak.com/gallery/2650-motorola-moto-g-2nd-generation

Mobile version is good, but desktop is stretched out.

For now lets focus on desktop version only. Thanks!.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#566554

Hi @lovedigit,

As the template (and T3 framework) itself doesn’t have any function to detect whether you insert a landscape or portrait image in your site, so I can only provide you with temporary CSS solution as described in previous reply.

Please decide which method suite you most and update appropriate code to custom.css.

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#566594

<em>@Adam M 468014 wrote:</em><blockquote>Hi @lovedigit,

As the template (and T3 framework) itself doesn’t have any function to detect whether you insert a landscape or portrait image in your site, so I can only provide you with temporary CSS solution as described in previous reply.

Please decide which method suite you most and update appropriate code to custom.css.</blockquote>

So there should be a system to detect this right? Not all the images can always be in landscape mode. Can you let the developers know about it? Also, what about multiple image uploader in JA content type – gallery?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#566697

Hi @lovedigit,

I will pass your request to development team so they can have a look at this matter. But please note that new feature / function will be included only if there’s enough request for it.

[Author]

Posts