Joomla Templates Club 406,261 posts

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#185258

I am having an issue with image size constraints on my homepage. When I look at the demo site for Ja_University, and drag the screen to reduce/enlarge the size, the images change size very smoothly, and the proportions are constrained properly.

BUT, when I installed ja_university on my own servers, and add my own images, they look messed up. When I start to minimize the size of the screen, the images look stretched out. They look too long and flat.

I’m attaching some images. First, a shot from my site, then the demo…and then another shot from my site, and then the demo.

Any idea what is going on?

---

Attachments:

1. 
2. 
3. 
4. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#484409

Hi Earthson,

The image quality upon resize depends on image source. If you upload image dimensions proportions with image on our demo site ( 225 x 100 ) , they will display nice.

Regards

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#484465

I just checked again, and a couple were 1 px out. 226×100. I changed them all to 225×100,and the problem is still there. :(( Would it make a difference if they are jpg or png? It shouldn’t right?

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#484520

Hi Earthson,

I think that 1px is not issue. The problem is image source quanlity. Could you provide url of your site ?

Regards

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#484681

Sure, here is the test site: http://tinyurl.com/am5ksmg

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#484700

<img title="Sample image" src="/albertamycologicalsociety/images/stories/sporeprint/Sporeprint_icon-for-website.png" alt="Sporeprint icon-for-website" width="225" height="100">

Please remove width=”225″ height=”100″
<em>@earthson 361985 wrote:</em><blockquote>Sure, here is the test site: http://tinyurl.com/am5ksmg</blockquote>

Regards

1 user says Thank You to HeR0 for this useful post

1. earthson

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#484773

Thanks HeR0!

That worked. I never would have figured that one out. 😉 It just gets inserted automatically with JCE editor. I didn’t even see a way to turn it off. I had to go into the code and cut it out.

Thanks a bunch!!

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#486383

Ok, I’m back, and have another issue with the layout. When I resize the screen (slowly drag it to reduce), it breaks. As it shrinks, 1 of the 4 images in that horizontal spotlight, drops down below where it should be. So, it shows 2 on top, 1 on the bottom right, and then the other 1 down below on the left. (see screenshot). Then ,if I keep reducing the screen size, it works and then breaks again. Any idea why?

Thanks

---

Attachments:

1. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#486407

Dear Earthson,

Please check on standard screen size on devices mobile, tablet, desktop,…

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#486501

Sorry, but that shouldn’t matter. People with computers resize their window all the time to non standard sizes. I would accept that answer IF the demo of Ja_University did the same thing. But, it flows properly, throughout all screen sizes.

Just to check, I viewed the site with my ipad. The layout is broken, just like I thought. :(( Any other ideas? Thanks

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#486503

Now, here is another odd little thing. As the “Museum” module seemed to be the offender, I unpublished it. The layout seemed to work fine with the other 3 modules. Then I republished it, and the layout seemed to work with all 4 again. All 4 modules line up correctly, with no breakage. Huh?! Confusing… but, I guess my problem is solved for now…

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#486504

WTF?! Now it is broken again. >:( God I hate websites…

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#486955

Dears,

Please open file /templates/ja_university/css/layout-tablet.css
Find

#ja-topsl2 .ja-box {
width: 50% !important;
}
and replace to

#ja-topsl2 .ja-box {
width: 50% !important;
min-height: 250px !important;
}

and do that same for mobile devices, open file /templates/ja_university/css/layout-mobile.css
Find

#ja-topsl2 .ja-box {
float: left;
width: 50% !important;
}
replace to

#ja-topsl2 .ja-box {
float: left;
width: 50% !important;
min-height: 250px !important;
}

Hope this helps.

<em>@earthson 364475 wrote:</em><blockquote>WTF?! Now it is broken again. >:( God I hate websites…</blockquote>

1 user says Thank You to HeR0 for this useful post

1. earthson

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#487136

Yes, that worked. Thank you. But, when the template updates in the future, will I have to fix it again? :((

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#487151

Yes, because this is special case. It happens on your site with min-height different value. 🙂 . So try to backup your files first before updating this template
<em>@earthson 365327 wrote:</em><blockquote>Yes, that worked. Thank you. But, when the template updates in the future, will I have to fix it again? :((</blockquote>

[Author]

Posts