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.

Search the Creators Network

Latest Activity

Mike Collins replied to Kyryl_Ning_Support's discussion Paid Access demo version
"I'd like to be involved in looking at paid access demo please "
2 hours ago
Harly replied to Ivy Williams's discussion Ning Roleplay Sites
3 hours ago
Kyryl_Ning_Support replied to Dr. Krishna Kumari Challa's discussion I am unable to find discussions on my network when I search. Any solutions?
"Hi there,
We are sorry for this. Previously we have been fixing the search on each network separate…"
6 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Hi there,
We are glad to know that you have been excited with this news. I have sent you the privat…"
7 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Hi Matt,
Yes, this post is regarding 3.0 platform only.
Regards,
Ning team."
7 hours ago
Lj Cange replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Exciting news..... I will be happy to assist!"
8 hours ago
Matt replied to Kyryl_Ning_Support's discussion Paid Access demo version
"So Ning 2 paid access will not be updated?"
9 hours ago
Dr. Krishna Kumari Challa replied to Dr. Krishna Kumari Challa's discussion I am unable to find discussions on my network when I search. Any solutions?
"Still the problem is not resolved!"
9 hours ago
Matt replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Is this only for Ning 3?"
10 hours ago
Hugh replied to Anastasiia_NING support's discussion Ning 2Q 2017 plan!
"I'd like to get some reassurance that support will be upgraded. I can't think of a time recently wh…"
13 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Hi Philip,
We are glad to hear that you are willing to help with the beta test, and it will be the…"
20 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Hi there,
Thanks for your endless support! We have sent you the private message regarding joining t…"
20 hours ago
Kyryl_Ning_Support replied to Aubrey Williams's discussion Paid Access 2017
"Hi there!
We do appreciate your feedback, yes we know that based on our history the people wouldn't…"
21 hours ago
Ning via Facebook

#unitewithNING You`re one click away from the place where all questions about #NING find their…

Kos replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Cannot express how happy I am to see Ning growing and expanding once again. It's been a long three…"
22 hours ago
Philip Voice replied to Aubrey Williams's discussion Paid Access 2017
"Thanks. I've applied to help evaluate and I'll make a decision about how I implement paid access in…"
yesterday
Philip Voice replied to Kyryl_Ning_Support's discussion Paid Access demo version
"I'm happy help"
yesterday
kevin carrasco is now a member of Ning Creators Social Network
yesterday
Kyryl_Ning_Support replied to Aubrey Williams's discussion Paid Access 2017
"Hi Philip,
It's not an issue if you wish to continue to use the other processor for the payments we…"
yesterday
Ning via Facebook

#inspirewithNING More talks, inspiration and success stories on #NING platform! Create your…

More…