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

FORUM

Ok this little tip will change that drop down options menu in your videos and events into a nice little toolbar which is easier for you members to see, when in screens under 771px it goes back to default view.

Here is an image showing the new toolbar

These two lines at the bottom of each section of code controls the colours if you want to change them

.isVideoDetailPage .content-actions .optionsDropdown a:hover{ background-color:royalblue; color:white; text-decoration:none }
.isVideoDetailPage .optionsDropdown-featureButton.feature-button.is-selected{ background-color:darkblue;color:white; border-radius:4px }

Ok so let's add the code you need, first of all we need to add just one bit of custom code into your site&pages custom code end of page section, this is needed to add a class to our video page as the events page does not need it to be added.

<script>
x$(document).ready(function(){
x$('.videoDetailPage').closest('body').addClass('isVideoDetailPage');
});
</script>

Now we just need to add some css to our design studio custom css

/** CHANGE THE DROP DOWN BUTTON IN VIDEOS AND EVENTS  **/
@media only screen and ( min-width:771px ){
.isVideoDetailPage .content-actions .optionsDropdown-button{ display:none }
.isVideoDetailPage .content-actions #videoPage-optionsDropdown{ display:block!important }
.isVideoDetailPage .content-actions .optionsDropdown-list{ width:auto; position:relative; border:none }
.isVideoDetailPage .content-actions .optionsDropdown-list li { padding: 4px; display: inline-block; float: left; }
.isVideoDetailPage .content-actions .linkbar{ /*width:100%;*/ clear:both }
.isVideoDetailPage .content-actions .linkbar li{ float:right; }
.isVideoDetailPage .content-actions .optionsDropdown a{ margin-right:5px }
.isVideoDetailPage .content-actions .optionsDropdown a{ padding: 6px 8px;border-radius:4px }
.isVideoDetailPage .content-actions .optionsDropdown a:hover{ background-color:royalblue; color:white; text-decoration:none }
.isVideoDetailPage .optionsDropdown-featureButton.feature-button.is-selected{ background-color:darkblue;color:white; border-radius:4px }

.eventDetail .content-actions .optionsDropdown-button{ display:none }
.eventDetail .content-actions #eventPage-optionsDropdown{ display:block!important }
.eventDetail .content-actions .optionsDropdown-list{ width:auto; position:relative; border:none }
.eventDetail .content-actions .optionsDropdown-list li { padding: 4px; display: inline-block; float: left; }
.eventDetail .content-actions .linkbar{ width:100%; clear:both }
.eventDetail .content-actions .linkbar li{ float:right; }
.eventDetail .content-actions .optionsDropdown a{ margin-right:5px }
.eventDetail .content-actions .optionsDropdown{ float:right }
.eventDetail .content-actions .optionsDropdown a{ padding: 6px 8px;border-radius:4px }
.eventDetail .content-actions .optionsDropdown a:hover{ background-color:royalblue; color:white }
.eventDetail .optionsDropdown-featureButton.feature-button.is-selected{ background-color:darkblue;color:white; border-radius:4px }
}

That's it all done

John :-)

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

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

George H. Compton IV replied to Kyryl_Ning_Support's discussion
Trick 3.0: Link to comment
"Hello Kyryl, two versions, optimized.. :) <!--  Kyryls - share links to the comments --><!-- Reload…"
10 hours ago
Naveen Jain replied to Kyryl_Ning_Support's discussion
Polls are already available
"Polls do not show up on the home page for me. Checkout CUlytics.com.
Thanks"
yesterday
Ning via Facebook

Play your influencer marketing “A” game this holiday season:…

Ning via Facebook

Do you want your brand to be popular and be googled every day? Discover how to present it and…

Ning via Facebook

Hi again :) Our digest #5 is here for you! This week it is honored to the International Tea Day!…

Priest Wilson is now a member of Ning Creators Social Network
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Cleanup on creators network
"Hi there!
You know this question is a bit complicated, some of the creators asking us to change the…"
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Thanks to everyone!
"Hi Steve,
Glad to know you liked it :-), but it's not the final version as I see from the comments…"
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Hi Tony,
Thanks a lot :-) The gif would describe my feelings better than words


via GIPHY
Best wis…"
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Trick 3.0: Link to comment
"Glad you have found it interesting :-)"
Friday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Trick 3.0: Link to comment
"Update:
Just notice that I there was a typo "don't hesitate to post them in the replies", I have po…"
Friday
Hippy replied to Kyryl_Ning_Support's discussion
Cleanup on creators network
"Yep that's right leave 2.0 everything alone,
many of us still use 2.0 because it is still the best…"
Friday
More…

Meanwhile, you can check our social media channels