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 Network to add comments!

Join Ning Creators 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

Howard Sands replied to Dr. Krishna Kumari Challa's discussion I cannot access anything on my network!
"Thats good, ours seems to be OK apart from a few activity feed loading issues from time to time. Ni…"
4 hours ago
Bizz ( John ) replied to Bizz ( John )'s discussion Why Are The Events Not Listing The Same Way As UpComing In My Events Or Categories ?
"Any news on this ?"
7 hours ago
Bizz ( John ) replied to Bizz ( John )'s discussion NEW Code Release for Events Months Wrap and how to style them month by month
"I have also added the code here in a blog to make it easier to copy or read
http://bizzssite.ning.c…"
7 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Hi there,
It looks like the limitation of @yopmail.com has been set after those people have signed…"
21 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Hi Kevin,
It seems that you are the administrator of the network. However, only network creator has…"
22 hours ago
Sara Horein is now a member of Ning Creators Network
22 hours ago
Philip Voice replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Sorry for the slow reply.
Just to say that the problem with my network wasn't caused by the Ning sy…"
23 hours ago
Charles Harrison replied to Bryce Rubio's discussion A Message from Our CEO
"What a terrible Template and Layout. Please we need a Responsive Template and Layout, and more Resp…"
yesterday
Maureen Jansen replied to Maureen Jansen's discussion Message group members
"Thank you to the admin who told me what to do. The button was hidden on a blue bar. "
yesterday
⚡JFarrow⌁ replied to Bizz ( John )'s discussion My New Events Notification Messages
"Wow... really nice!"
yesterday
Kevin Acosta replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Please explain the correct pathway for Ning 2.0 - - as you can see from the image below there is no…"
yesterday
Traddie replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Hi. I added the @yopmail.com   address this morning, and this afternoon I still had a few get throu…"
yesterday
Constantine is now a member of Ning Creators Network
yesterday
Kyryl_Ning_Support replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Hi Philip,
We have replied to you in private message, as the reply contain some personal informatio…"
yesterday
Kyryl_Ning_Support replied to Hugh's discussion Support Tickets Closed Even if Error not Fixed
"Hi Hugh,
We do apologise for the inconveniences, the system could close your ticket automatically.…"
yesterday
Kyryl_Ning_Support replied to Maureen Jansen's discussion Message group members
"Hi there,
To send the message to all members of the group please go to the Group and Press the Butt…"
yesterday
Saurabh replied to Saurabh's discussion Home page showing error
"The error again started"
Tuesday
Jungla replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"How can you do new stuff, when you can't even fix old errors? My website, today gives all day Our a…"
Monday
Philip Voice replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Has this update affected networks?

Can you please check landscapejuicenetwork.com as it's been dow…"
Monday
Kos replied to Anna Ning Support's discussion Announcing Events for Ning 3.0
"Moi?  *lol*  Yeah, once I'm 'in' something, I tend to stick around forever 'til you show me the exi…"
Monday
More…