Joomla Templates Club 406,261 posts

[gregr Friend gregrJoin date: March 2009Posts: 27Downloads:0Uploads:0 Thanks: 7]

#139605

Cannot adjust width of images in news module. Every time i play with module width size the image itself skews out of focus or no image at all will be seen. If i set 1 to 1 for default image size i get a large greyish brown square where images is suppose to be.

Image Height works fine how ever.
http://www.kitchenremodelbath.com/ek

Actual Image size = 150×110

Image ratio set 1 to 1 for default picture size (shows greyish green/brown oversized image)

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#298367

Okay…couple of things going on here.

Currently you are trying to fit a 150 x 110 image in to a hole that’s 225 x 75. That is why you are getting the distortion because your image is being stretched to fit the 225 width and squeezed down to fit the 75px height.

So what to do: In your above example you need to change the Width from 1 to 150px to match your picture. The brown is actually the “background” color of that module. You’re image is actually in that box…you just can’t see it because it’s only 1 pixel wide.

To get it to look like the template….try to keep your image width’s in excess of 225 wide…and you should notice a much nicer “resize”. It’s always better to resize a “too large” photo than a “too small.”

As for the module…you need to decide what width and height you want and input that in the module. Then make sure all of your images are EXACTLY that size or larger. Using a smaller image is always a crapshoot as to how the image resizer will handle it.

Hope this helps.
John.

[gregr Friend gregrJoin date: March 2009Posts: 27Downloads:0Uploads:0 Thanks: 7]

#298456

I understand what your saying. But what I don’t get is that the image “width” never changes for me. If I insert an image @ 75×75 my out come will be an image @225×75. I adjust the module settings to 75 x 75 auto resize off and i still get an image on the front page shown @ 225×75

Am i missing something?:confused:

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#298509

I understand now…and Yeah…

There’s a CSS control for the width of that image hole:

Look in: template.css (line 1328)


.jazin-box .jazin-content img {
float:left;
width:225px;
}

Changing that will change the width of that hole.

I think that’s what you’re looking for.

Have fun.
John.

1 user says Thank You to John Wesley Brett for this useful post

1. gregr

[gregr Friend gregrJoin date: March 2009Posts: 27Downloads:0Uploads:0 Thanks: 7]

#298516

Thanks for the find John!

That does work, but did not resolve using the width control from the module itself. In the css if I change the width to 200, the width of any object will be always 200.

So I deleted that snippet of code entirely from the template.css, now the module width function works and can change the width size to any thing I want.

So now i guess my question is why is this code in the template.css and do i need it. I’m bit confused since after i deleted it, the module from the admin side functions normal now.:confused::confused:

Is this really needed?

.jazin-box .jazin-content img {
float:left;
width:225px;
}

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#298546

To be honest…I have no idea. What a terrific find!
What I bet happened…pure conjecture on my part…but I bet the developers just copied over the CSS from previous JA-News installations (it’s been around since way back at Teline I) and didn’t update it when they added the parameters to the module.

It really doesn’t make sense to have both, now does it? HAHA!

Thanks for sharing! And above all…I’m glad we’ve got it fixed for you.

Have a great weekend.
John.

[Author]

Posts