Exclude image resize

tonys89
13 years, 4 months ago
Hi! I have the following problem.
Mobile joomla automatically resize images larger than the container.
That's fine for almost all the images of the site.

But in the homepage I'd like my images not to be resized.

I tried to put a class:

<img class="homebuttons" src.... >


 
img.homebuttons {
width: 150px !important;
height: 40px !important;
}
 


It obviously works, but the problem is that MJ creates smaller images anyway, and then it assigns the same class.

The result is that my image is blurred...

how can I fix?
tonys89
13 years, 4 months ago
Here's a print screen of the page. Thanks to a little trick I can view the mobile version on my pc.

Image link: http://dl-web.dropbox.com/get/Public/ps_mj.png?w=5a516561
dryabov
13 years, 4 months ago
I would add
img{max-width:100%}

to your css/custom.css.
tonys89
13 years, 4 months ago
Thanks, I added the code...

nice thing, but not useful to fix the main problem.
tonys89
13 years, 4 months ago
I'm a genius!!! I fixed.

For all who are interested:

To make mobile joomla NOT resize images you have to put images on another server.

In this way it cannot create the subfolder "Resized" and the relative images.

Obviously you MUST have the "use style to force image resize" put off.

Thanks to all.

Tony Samperi

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.