Add Photo Titles to Photos – Ning 3.0

buy celebrex usa UPDATED 23/10/14

Have you noticed how photos in Ning 3.0 don’t have the title showing on the list view?

This jQuery plugin for Ning 3.0 solves that problem with a lightweight script and a little css.

Simply add the following to your Social Site Manager > Custom Code > End of Page Code

<script type="text/javascript" src="http://api.ning.com:80/files/etaPLs1LEXIMrU4euskdYhT21ceT9ZEuNmlrdFcHh8JO9EZpphqo48CbvqOIXAaNP02uDxFu*Wx7ZYkEtlP-VLfhjQN0Bp*w/SPphototitles.js"></script>

And then add these small CSS snippets to your Design Studio > Custom CSS.

.SP_Photo_Title {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    font-size: 12px;
    padding: 5px;
    position: absolute;
}

.SP_Photo_Title a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

Play around with CSS as desired, and there you have it: titles on your photo lists, eg.

Photo Titles Displayed on Ning 3.0

Enjoy, SP

Richard Pettet
Follow me

Richard Pettet

I'm a professional website designer who specialises in Social Network and community website build and design work. Expert with Ning and BuddyPress.
Richard Pettet
Follow me

You might also like