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

Forum

Fix for the Video Detail Page And Also Fix For The Meta Details Color Especially If You Are Using Shine Or Glossy Bossy Theme on the list page

Here are a few fix's to the new video feature. This is to fix the layout of the corner where the views, like and get embed code button are located. Also a fix for the Shine and Glossy Bossy themes as the metadat section on the list page is set to black so it can't be seen on these themes.

First the video detail Page

We are going to change

  1. Margin for the get embed button
  2. Change the position of the views eye
  3. Add some margin to the social actions section ( we do this because if a video is not viewed yet the spaces on the page change )
  4. Entry tags margin addition
  5. Eye icon needs a small margin right against the view count
  6. Entry Content adjustment as this can get fouled by the embed button, we are making 100% and setting clear to both so it does not wrap around the button.
  7. An optional adjustment is to get the word views to show up which looks better.

So here is all the css to do that and an image showing how it looks

.videoDetailPage-getEmbedCode_wrap { margin: 0 0 5px 8px }
.videoDetailPage-viewVideo { float:none; margin-bottom:5px }
.videoForm-inputTitle { height: auto;}
.videoDetailPage .socialActions{ margin-top:5px }
.videoDetailPage .entry-tags{ margin-top:10px }
.videoDetailPage-viewVideo .icon-eye{margin-right:5px }
.videoDetailPage .entry-content{ width:100%; clear:both }

/*Optional to show the word views*/
.videoDetailPage-viewVideo .icon-eye{
vertical-align:bottom;
display:inline;margin-right:0px;
}

VIDEO LIST PAGE PAGE FOR THOSE USING THE SHINE OR GLOSSY BOSSY THEMES

As the meta description below the videos in the list page has been set to a dark colour people using these themes will have an issue seeing the text, below are two images showing the list page for the two themes

Shine

Glossy Bossy, you can't see it at all in this one

So all we need to do is add two lines to inherit the colour of our text links. It's just css so this goes in your design studio

.videoListPage-metaTitle  > a{ color:inherit }
.videoListPage-metadata a{ color:inherit }

Extra tip

If you want to change any of the meta info to other colours of your choosing than you site default here is the code you would need, you would just change the colours as you want in the code.

.videoListPage-metaTitle  > a{ color:antiquewhite!important }
.videoListPage-metaTitle a:hover, .videoListPage-metadata a:hover, .videoListPage-metaTitle  > a:hover{ color:white!important;text-decoration:none }
.videoListPage-metadata a{ color: #cce6f2; }

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

  • Hi John,

    The location of likes and views has been changed so they are not located too close to each other anymore. So there is no need to use the fix anymore if the new placement of them satisfy you.

    Best regards,

    Ning Team.

    • Yup
    • Hi Kyryl

      Thanks for letting me know about this has been fixed up, just one thing you guys forgot to do was the input title getting cut of if the site font-size is 16px or more. I use this for now to correct it  .videoForm-inputTitle { height: auto;}

      Otherwise nice job, thanks Ning Team

      John :-)

      • Hi John,

        About the video title issue. I have tested the fonts up to 28px and the title is shown correctly with one of the basic themes (it's called Surface). Also, I have created the new test network just to make sure that the network would be completely clear of any CSS of custom code changes that I have done to my test network in the past.

        Also, I haven't heard about such issue from anybody else from the time you have reported it. are you sure that you have checked everything that could cause such an issue in you custom CSS code?

        Best regards,

        Ning Team. 

        • Hi Kyryl

          I just added a whole post to show this issue, inludes images and a video to demo it. I did all this on a clean site on various themes with not code in any off them.

          John

This reply was deleted.

Search the Creators Network

Latest Activity

Ning via Facebook

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

Philip Voice replied to Aubrey Williams's discussion Paid Access 2017
"I already charge access for Premium members using GoCardless. I would like to continue."
7 hours ago
Kyryl_Ning_Support replied to Aubrey Williams's discussion Paid Access 2017
"Hi Matt,
Yes, the Paid Access feature will support credit cards and PayPal as well.
Best regards,
N…"
11 hours ago
Kyryl_Ning_Support replied to Kevin Acosta's discussion Photo uploads being auto resized
"Hi Kevin,
Thanks for your feedback, your opinion is very important for us as it's helping us to mak…"
11 hours ago
Matt replied to Aubrey Williams's discussion Paid Access 2017
"Thanks, so the "credit card" support is additional to PayPal?"
12 hours ago
Kevin Acosta replied to Kevin Acosta's discussion Photo uploads being auto resized
"Yeah, well please pass along to the programmers in charge of such decisions that this new "feature"…"
20 hours ago
Ning via Facebook

#createwithNING Each online community is unique and special. What`s YOUR secret of network…

Kyryl_Ning_Support replied to Anastasiia_NING support's discussion Ning 2Q 2017 plan!
"Hi Stanislav,
I do apologise for the misunderstanding. It seems that my colleague has decided that…"
yesterday
Kyryl_Ning_Support replied to Kevin Acosta's discussion Photo uploads being auto resized
"Hi there!
The same question has been mentioned in this discussion http://creators.ning.com/forum/to…"
yesterday
Sherry Ritchie and James joined Ning Creators Social Network
yesterday
Stanislav replied to Anastasiia_NING support's discussion Ning 2Q 2017 plan!
"Kyryl, here is my ticket log with Anastasia, from which I understood I need to create new page and…"
yesterday
Aubrey Williams replied to Aubrey Williams's discussion Paid Access 2017
"Thanks for the response Kyryl, but based on Ning's history of not launching things on time, I can't…"
yesterday
Aubrey Williams replied to Aubrey Williams's discussion Paid Access 2017
"Naveen, please tell me more. Were you able to integrate Stripe with your Ning site in a way that re…"
yesterday
Kevin Acosta replied to Kevin Acosta's discussion Photo uploads being auto resized
"Well, even the FULL SIZE 38.5" x 36" poster that I attache was scaled down, so now that doesn't eve…"
yesterday
Kyryl_Ning_Support replied to Aubrey Williams's discussion Paid Access 2017
"Hi there,
We plan to initially release the PaidAccess for Ning 3.0 with PayPal and credit card supp…"
Monday
Kyryl_Ning_Support replied to Naveen Jain's discussion Wiki like functionality in Ning
"Hi there!
Unfortunately, we don't have the module on our platform that would be working in the way…"
Monday
Kyryl_Ning_Support replied to Anastasiia_NING support's discussion Ning 2Q 2017 plan!
"Hi there!
Thanks for the question.
No, you don't have to create the new network each time the new f…"
Monday
Matt replied to Aubrey Williams's discussion Paid Access 2017
"Good point, Stripe is awesome. "
Monday
ASDKFljflkj is now a member of Ning Creators Social Network
Monday
Alliance replied to Alliance's discussion Profile members on MY Page
"Thanks so much for this help things look sooooo much better now."
Monday
More…