Welcome, Guest
Username: Password: Remember me
JO Responsive Instagram Photo Gallery

TOPIC: Can I make the images square in the gallery?

Can I make the images square in the gallery? 6 years 8 months ago #5612

Hello,

I just purchased and installed JO Responsive Instagram Photo Gallery on the following website: mdlsr.ca

As you can see, not all of the images are square. (Screenshot attached)

Is there any settings or a CSS snippet so I can make the images square?

Thank you!

Zsolt Gyure
Attachments:
The administrator has disabled public write access.

Can I make the images square in the gallery? 6 years 8 months ago #5613

  • Super User
  • Super User's Avatar
  • OFFLINE
  • Administrator
  • Posts: 3519
  • Thank you received: 278
  • Karma: 65
Hello Zsolt Gyure
Please help me find and open file: modules/mod_jo_responsive_instagram_photo_gallery/css/instagramJournal.css and go to line 80 and change
.classic-view .instagram-photo img {
opacity: 1;
transition: all 0.5s ease 0s;
width: 100%;
}
To (add height: 234px;)
.classic-view .instagram-photo img {
height: 234px;
opacity: 1;
transition: all 0.5s ease 0s;
width: 100%;
}
And help me check it again. Or can you send me joomla admin via contact form? So we can check and help you
Best regards
Bach Pham
The administrator has disabled public write access.
The following user(s) said Thank You: Sean Mellis

Can I make the images square in the gallery? 6 years 8 months ago #5614

Hello,

Thank you it is working.

Have a nice day,

Zsolt Gyure
The administrator has disabled public write access.

Can I make the images square in the gallery? 6 years 8 months ago #5617

  • Super User
  • Super User's Avatar
  • OFFLINE
  • Administrator
  • Posts: 3519
  • Thank you received: 278
  • Karma: 65
Hi Zsolt Gyure
Thank you for using our products
Best regards
Bach Pham
The administrator has disabled public write access.

Can I make the images square in the gallery? 6 years 8 months ago #5668

  • Pamchal
  • Pamchal's Avatar
  • OFFLINE
  • Junior Member
  • Posts: 23
  • Karma: 0
Dear Bach Pham,

I have the same problem and I already managed to do such change in the css file. Now it looks good but only on full width, on smaller screens, the width changes responsively but since the height is manually set to an exact pixels (here as u said, 234px), pictures become very long and densed. I want it to be shown still in square form in smaller screens as they are shown in full width of the website since the module is supposed to be "responsive"!

What should I do?

Thanks in advance,
Pamchal
The administrator has disabled public write access.

Can I make the images square in the gallery? 6 years 8 months ago #5671

  • Super User
  • Super User's Avatar
  • OFFLINE
  • Administrator
  • Posts: 3519
  • Thank you received: 278
  • Karma: 65
Pamchal wrote:
Dear Bach Pham,

I have the same problem and I already managed to do such change in the css file. Now it looks good but only on full width, on smaller screens, the width changes responsively but since the height is manually set to an exact pixels (here as u said, 234px), pictures become very long and densed. I want it to be shown still in square form in smaller screens as they are shown in full width of the website since the module is supposed to be "responsive"!

What should I do?

Thanks in advance,
Pamchal
Hi Pamchal
Can you send me URL your site? So we can check it
Best regards
Bach Pham
The administrator has disabled public write access.
Time to create page: 0.054 seconds