Joomla Templates Club 406,261 posts

[heiner76 Friend heiner76Join date: June 2012Posts: 1Downloads:0Uploads:0]

#178234

Hi, I read that some people got same problems, but thy are not solved.

I want to have my images displayed in 600×400 or 400×600 because otherways they got too large on screen.

I set image size for leading, primary, secondary items to medium.

I also set Medium image width (in px) to 600.

But on my site the pictures are blown to at least 720 or something like that:

http://www.henry-girbig.de/lens/

Esp. the pictures in portrait format are too large so I always have to scroll.

Why cant the pictures have a different wide?

Now as I found this issue I see that all pictures on the demo site are in landscape format.

Any ideas for that?

Kind regards Henry

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#457937

Hi Henry,

JA Lens is a responsive template.
The width of image is scale to 100% of the popup.
By doing this way, we will have a better view on many devices.

Due to image scale width, the height of image will be scaled up/down as well, to remains the same ratio.
The maximum width of popup on normal screen is equal to 3 times of block width. It will scale up to 100% screen width on mobile device.

Here are some steps to keep the original image size:

1. Open templatesja_lenscsscomponent.css
2. Focus on line 219 and comment this block css markup

.itemImageBlock .itemImage img {
/* width: 100% !important;*/
}


3. Open templatesja_lenscsslayout-tablet.css
4. Focus on line 215 and comment this block css markup too.

.BlogView .itemImageBlock span.itemImage img {
/* width: 100% !important;
max-width: 100% !important; */
}

Hope it helps.

Regards

1 user says Thank You to Wall Crasher for this useful post

1. Sherlock

[Author]

Posts