Joomla Templates Club 406,261 posts

[Paul Smith Friend Paul SmithJoin date: September 2014Posts: 3Downloads:0Uploads:2]

#203150

Hi!

The intro image is resized beyond useless when viewed on a mobile device. How do I control it or maybe set an alternative image for mobile?

Good:

Bad:

Thanks!

---

Attachments:

1. 
2. 

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

#557143

It seems to be a bug of this template. I have raised this bug to development team here. They will check and fix it soon.

We are sorry for any inconvenience.

[Paul Smith Friend Paul SmithJoin date: September 2014Posts: 3Downloads:0Uploads:2]

#558559

Any update?

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

#558670

<em>@psmiddy 457408 wrote:</em><blockquote>Any update?</blockquote>

Please give our team more time for this issue.

[febtonline Friend febtonlineJoin date: May 2009Posts: 121Downloads:15Uploads:80 Thanks: 24 Thanked: 2 times in 1 posts]

#564768

Is there any update? I am having major issues with this. It takes any intro image and any image insert into articles and makes them huge. Completely ignores the coding to downsize it.

Excessive Size Intro
https://www.jomanautoservice.com/table/auto-service-repair-experience/Page-2

Excessive Size Article

---

Attachments:

1. 
2. 

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

#564777

@febtonline: You can apply temporary my solution below into your site

Open templates/ja_decor/css/custom.css file and add new css style below

@media (min-width: 1200px) {
.item-image .article-image-intro.pull-left {
float: left !important;
width: initial !important;
}

.article-content .article-introtext img {
width: initial !important;
}
}


[febtonline Friend febtonlineJoin date: May 2009Posts: 121Downloads:15Uploads:80 Thanks: 24 Thanked: 2 times in 1 posts]

#564845

Hi Ninja,

Thanks for the help. However, when I input that code the images just disappear from the blog display.

<em>@Ninja Lead 465688 wrote:</em><blockquote>@febtonline: You can apply temporary my solution below into your site

Open templates/ja_decor/css/custom.css file and add new css style below

@media (min-width: 1200px) {
.item-image .article-image-intro.pull-left {
float: left !important;
width: initial !important;
}

.article-content .article-introtext img {
width: initial !important;
}
}

</blockquote>

---

Attachments:

1. 
2. 

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

#565008

Look at the screenshot here

You will see width: 1px css style on your site, that’s why you could not see the image shows on your site, please pm me admin login backend of your site, I will help you to check it directly on your site.

---

Attachments:

1. 

[annesinger Friend annesingerJoin date: March 2015Posts: 21Downloads:0Uploads:0]

#570035

@ninja Lead

I have been working with Decor template having some issues with the use of intro images.
Intro image is used on home screen display in the Trinagle display custom module as well as in masonry layout.
Problem is when the intro image is called and then displayed it is always a different size.
Masonry layout is either 600×300 or GRID view at approx 250 x 250. The home screen is again very diff.
The intro images are not cropped, they are just fill as much space as they can. They are not centred, cropped or scaled.
How can I fix this so the intro images display properly no matter what view they are in.
I understand responsive design and would be willing to adjust the triangle height etc to conform.
I have had no look with CSS overrides so far.

[annesinger Friend annesingerJoin date: March 2015Posts: 21Downloads:0Uploads:0]

#735107

@ninja Lead

I have been working with Decor template having some issues with the use of intro images.
Intro image is used on home screen display in the Trinagle display custom module as well as in masonry layout.
Problem is when the intro image is called and then displayed it is always a different size.
Masonry layout is either 600×300 or GRID view at approx 250 x 250. The home screen is again very diff.
The intro images are not cropped, they are just fill as much space as they can. They are not centred, cropped or scaled.
How can I fix this so the intro images display properly no matter what view they are in.
I understand responsive design and would be willing to adjust the triangle height etc to conform.
I have had no look with CSS overrides so far.

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

#570088

@annesinger: You can give me the screenshot and describe on that and URL of your site, I will help you to check it directly on your site.

[Author]

Posts