Joomla Templates Club 406,261 posts

[senshine Friend senshineJoin date: June 2017Posts: 8Downloads:407Uploads:1 Thanks: 1]

#1082084

Hi,
I am not sure if this belongs here.
But i am trying to have 2 types of article pop up size, when a user selects an article on the JA Wall template.
If the article has an image which is landscape (i.e width longer than the height), then the popup should have a wider width than the height. If the image is a portrait(i.e height longer than width), then popup should be correspondingly adjusted.
Is this doable via some edits on the template.css or wall.js file?
Any advice would be great!
(i have been at this for 2 weeks now and not getting anywhere with this..)
thanks!
cheers
-sen

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1082117

Hi sen,

It’s hard to detect image resolution like that but you can change the default width of popup to the value you wish.

You open the file: root/templates/ja_wall/css/template.css

Look for this declaration (approx line 1109):

body.popupview #popup-content {
  height: 90%;
  margin: 30px auto;
  position: relative;
  width: 640px;
  z-index: 1000;
}

change the width here.

Then open this file: root/templates/ja_wall/js/wall.js

Find this code:

<iframe id="popupIFrame" src="' + url + '" width="638" scrolling="no" frameborder="0" />

The width here will be: value you set above – 2, for example, if you set the width is 640, it will be 638 here.

Regards

[Author]

Posts