Joomla Templates Club 406,261 posts

[bhvi Friend bhviJoin date: September 2010Posts: 31Downloads:0Uploads:9 Thanks: 12 Thanked: 1 times in 1 posts]

#182189

Is there a specific size required for the images used in joomla articles so they are responsive across different layouts in mixmaz. I have used puresite template previously and the template automatically re sized the image when applied into the intro and main image dropdown in article preferences (using the same larger image for both). Mixmaz doesn’t seem to do this – am i missing something?

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#472885

<em>@bhvi 345967 wrote:</em><blockquote>Is there a specific size required for the images used in joomla articles so they are responsive across different layouts in mixmaz. I have used puresite template previously and the template automatically re sized the image when applied into the intro and main image dropdown in article preferences (using the same larger image for both). Mixmaz doesn’t seem to do this – am i missing something?</blockquote>

In Joomla Article, there’s no specify size for the image, but if your image in 680px of width would be nice.
You can check in our demo that the image is automatically resized.
But is there any problem on your site you want to ask ?

[evacm Friend evacmJoin date: December 2012Posts: 7Downloads:12Uploads:0 Thanks: 8]

#491842

<em>@Luna Garden 346171 wrote:</em><blockquote>In Joomla Article, there’s no specify size for the image, but if your image in 680px of width would be nice.
You can check in our demo that the image is automatically resized.
But is there any problem on your site you want to ask ?</blockquote>

Hello.
(Maybe I should open new thread, but it’s about the same subject, so I’ll try here).
I had some articles in 2 columns, the right one had images and when seen on mobile device they weren’t automatically resized.
I thought it could be caused by the columns, and I tried with simple articles with one picture. But, no way.
The pictures of the JA Side News module and the ones of the JA Slideshow Lite module do resize, but not the ones form simple articles.
What am I doing wrong?

Thanks!

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#491877

<em>@evacm 371503 wrote:</em><blockquote>Hello.
I had some articles in 2 columns, the right one had images and when seen on mobile device they weren’t automatically resized.
I thought it could be caused by the columns, and I tried with simple articles with one picture. But, no way.
The pictures of the JA Side News module and the ones of the JA Slideshow Lite module do resize, but not the ones form simple articles.
What am I doing wrong?
</blockquote>

Hello,

Please check in your article if you have set size for image and please share your site URL, so I can check the problem.

[evacm Friend evacmJoin date: December 2012Posts: 7Downloads:12Uploads:0 Thanks: 8]

#491900

Hello.

Here you can see the problem:
http://www.tomasdelossantos.cat/index.php/discografia

I removed the width and height of the image.
Now this is the code:
Espai en construcció.<br /><br /><img src=”images/enconstruccio.png” alt=”enconstruccio” />

But no resizing yet 🙁

Thanks for your help.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#491976

Hello Evacm,

In order to make your image resize, first add class name to your image:
<img src=”images/enconstruccio.png” alt=”enconstruccio” />
change to:
<img src=”images/enconstruccio.png” class=”resizeimg” alt=”enconstruccio” />
then go to file:

templatesja_mixmazcsslayout-mobile.css

templatesja_mixmazcsslayout-mobile-port.css

templatesja_mixmazcsslayout-tablet.css
add these lines:

.ja-content-main img.resizeimg{
width: 100%!important;
}

1 user says Thank You to Luna Garden for this useful post

1. evacm

[evacm Friend evacmJoin date: December 2012Posts: 7Downloads:12Uploads:0 Thanks: 8]

#492033

Hello Luna Garden.
So I have to add the 100% width to every picture (using class or not, I guess).
Ok, done and working.
Thank you very much.

[Author]

Posts