Joomla Templates Club 406,261 posts

[toucandesign Friend toucandesignJoin date: June 2012Posts: 47Downloads:0Uploads:24 Thanks: 8 Thanked: 3 times in 1 posts]

#182633

I would like to enlarge the item info that appears once clicking on the photo wall. I don’t beleive that my customers would know to scroll and would like to enlarge the length of this so I can possibly eliminate or lessen the amount of scrolling in the embeded scroll bar below the “X” out.

Please see my screen grab of http://www.toucandesign.net/itemlist/category/4-branding-logo-design and see the dims I drew in which I would like to make longer.

I am sure this addressed in CSS and can’t seem to locate it.

Any help would be greatly appreciated.

---

Attachments:

1. 

[toucandesign Friend toucandesignJoin date: June 2012Posts: 47Downloads:0Uploads:24 Thanks: 8 Thanked: 3 times in 1 posts]

#474444

I found these 2 related posts with no real resolution listed:

http://www.joomlart.com/forums/topic/change-width/#post-466722

http://getk2.org/community/New-to-K2-Ask-here-first/160454-Image-is-stretched#160856

1 user says Thank You to toucandesign for this useful post

1. JA Developer

[toucandesign Friend toucandesignJoin date: June 2012Posts: 47Downloads:0Uploads:24 Thanks: 8 Thanked: 3 times in 1 posts]

#475197

Is there anyone on the forum that give us direction on this? It would be a helpful addition to the forum 😎

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

#475319

Hi Toucandesign,

Pls try to set value for Average Item Base Width http://prntscr.com/lg5yq

Regards

[toucandesign Friend toucandesignJoin date: June 2012Posts: 47Downloads:0Uploads:24 Thanks: 8 Thanked: 3 times in 1 posts]

#475744

Thanks for your response Hero.

Although those directions will be useful in changing the thumbnail sizes, I may experiment with that, its not what I am trying to do.

There is a screen grab above which shows the area I am trying to expand, not the thumbs themselves.

I cant seem to upload my screen grabs at this point for some reason.

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

#475974

Hi toucandesign,

If you want to extend the height of the popup, here you can do it with css. Please backup your file first

Open file /templates/ja_lens/css/layout.css and focus on line 88, change the height to your desire value

body.popupview .masonry .item-popup-view {
height: 960px; /* change both */
}

Open file /templates/ja_lens/css/template.css and focus on line 88, the height value here should be as the same as above
#popup-content {
margin: 0 auto;
position: relative;
height: 960px; /* change both */
overflow: hidden;
}

This is the css fix which can not be auto extend the height according to your popup content.
For a dynamic solution, you should consider using some javascript and it is more difficult.
I have make a sample for you. Just back up your template and overwrite the js file here.
to templatesja_lensjswall.js

Please note: if you are using Javascript version, you do not have to change the css file.

Hope it helps
Regards

---

Attachments:

1. wall.zip

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

1. toucandesign

[toucandesign Friend toucandesignJoin date: June 2012Posts: 47Downloads:0Uploads:24 Thanks: 8 Thanked: 3 times in 1 posts]

#476558

Thanks for your reply Wall Crasher. I don’t get notified when subscribed to threads for some reason. I will try this shortly. Thanks for your help 🙂

[toucandesign Friend toucandesignJoin date: June 2012Posts: 47Downloads:0Uploads:24 Thanks: 8 Thanked: 3 times in 1 posts]

#476568

Thanks so much Wall Crasher! The .js file worked perfectly and is so much better for my needs.

Invaluable help! :laugh:

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

#476587

:laugh: You are welcome.

[Author]

Posts