Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

Here is one of my classic tips for removing the white space around different size photos when viewing them in the photo viewer. Normally when you have different size photos the smaller ones tend to have a lot of white space around them, this CSS code will adjust the viewer depending on the size of the photo.

I have added a few different size photos here  http://bizzssite.ning.com/photos so you can see it working. Just add the css to your custom css section. Oh it will work on all devices too.

Here is the code for you

/* Adjust the viewer to adjust to photo size eliminating white space **/

.photoDetailPage-image > img {
    position: relative; display: flex; max-height: 100vh; height:auto; margin: 0px auto ;}
.photoDetailPage-image { position: relative;}
.photoDetailPage .image-aspect-4-3 {
    width: 100%;
    height: auto;
max-height:100vh;
padding-bottom:0px; }

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • Very nice John.  Thank you!  With any luck, Ning could incorporate this into their 3.0 improvements.

  • Hi John. I should admit that it's really nice tip :). I'll definitely inform our engineers that the photos looks much better on the page in such case.
    Thank you,
    Ning Team.

    • Yahoo! 

    • Thanks Kyrl, that's great news about passing this on to the team. :-)

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Ning via Facebook

Look for new challenges to help all your dreams, plans and projects come true. Do you believe…

George H. Compton IV replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) Nonmembers/visitors redirect scripts
"Hello Petra, the code would go in your "NC custom code box", If you're the network owner you would…"
yesterday
Dan Lee replied to Kyryl_Ning_Support's discussion
North Pole, Express delivery - Members Ranking System 3.0
"Right not the player."
yesterday
Ning via Facebook

Use crowdfunding as a new efficient way to earn money for your project! How to organize it?…

Petra Haarman replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) Nonmembers/visitors redirect scripts
"Hello, i have a ning 2.0 website. where can i add this redirect script? on which page?"
yesterday
Kyryl_Ning_Support replied to Naveen Jain's discussion
Members cannot login using Linkedin Single-signon
"Hi there!
In such case could you please make some screenshots so I could see the error message that…"
yesterday
Kyryl_Ning_Support replied to Fabricio Giugni's discussion
How to make Rewards look better?
"Hi Gerard,
I can see that you have set up the points for different activities on your network, howe…"
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
North Pole, Express delivery - Members Ranking System 3.0
"Hi Dan,
I guess something like this could be done with a bunch of custom code, but I'm not sure abo…"
yesterday
Wilkin, Otoniel , Paul Morrant and 8 more joined Ning Creators Social Network
yesterday
Jennifer Peterson left a comment on
"It is saying that this plug in is not supported and won't me let me download the different digests.…"
yesterday
Naveen Jain replied to Naveen Jain's discussion
Members cannot login using Linkedin Single-signon
"Hi Kyryl,
I am not sure, why you did not encounter the issue. I just tried myself - ( I am the only…"
yesterday
Ning via Facebook

Any digital plans for 2018? Take your time! Here are 100+ digital marketing research 2017…

More…

Meanwhile, you can check our social media channels