Joomla Templates Club 406,261 posts

[hcharly Friend hcharlyJoin date: April 2008Posts: 107Downloads:0Uploads:9 Thanks: 14 Thanked: 11 times in 1 posts]

#188537

Hello Guys,

The JA Lens demo style is set to display thumbnails in a landscape format.
– Average Item Base Width: 270 and Item Height is 160.

I make a fresh copy of the style and need to display thumbnails in a portrait format.
My settings are:
– Average Item Base Width: 200
– Item Height: 300

After uploading some pictures I found out that the thumbnails are not displaying as expected.
The Div “item-image” is not being fully displayed by its parent container which is “item masonry-brick”.
Please see attachment.

Whta’s the additional settings I need to do?
Does someone here know a fix for that if it is not a matter of setting?

In advance thanks,
-Charles
PS: This concerns the LIGHT theme. Thumbnails in the DARK theme displayed well.

---

Attachments:

1. 

[hcharly Friend hcharlyJoin date: April 2008Posts: 107Downloads:0Uploads:9 Thanks: 14 Thanked: 11 times in 1 posts]

#497230

Answering to myself with hope that it will be helpful for others.
In the Light theme the Item height is hardcoded.
To fix it edit templates/ja_lens/themes/light/css/theme.css.
Find (line 33)

body.layout-g .masonry .item-inner,
body.layout-l .masonry .item-inner {
height: 160px;
overflow: hidden;
}

and change it to:

body.layout-g .masonry .item-inner,
body.layout-l .masonry .item-inner {
height: auto;
overflow: hidden;
}

That works for me.
-Charles

1 user says Thank You to hcharly for this useful post

1. JA Developer

[Author]

Posts