FORUM

Adding A Background Image to Chats

This was asked from JAIME DIAZ SALAZAR who wanted to know if a background image could be added to the chat windows like this

So here is how you can do it

First you need the images you want to use then add it to your file manager in your Social Site Bui

Chat Page CSS

Good day to Everyone,

I would like to know if somebody can help me out with my site's chat page CSS:

1) To change the black color of one of the chat's menu bar to #1a6c9c.

2) To make chat's icons bigger like the gallery icon, attach files icon, emoji ic

Style your View all buttons by touch by changing two colors

Design Studio

Global Css

/*Buttons*/
a.button, button, input.button {
color:#fff!important;
background: #c19aac url(https://storage.ning.com/topology/rest/1.0/file/get/7139191093?profile=RESIZE_710x) !important;
border:3px outset #eed255!important;
}
a.butt

Style Your View Counter

We have now been given a view counter which is great. Just thought I would share a way to be able to add some styles to them if you want them to stand out a bit.

Here is an example using the code below: https://jr-images.ning.com/codes-archive

As the v

Simple Tip: Make your Pagination Larger on Social Channels Pages

Nothing big here, but helpful if you believe your pagination on social channels pages to be too small..

by default the size is small at   0.78em   

Add this to your Design Studio custom CSS to make it larger  (change 2 to whatever size you like):

div#fe

How to Embed Ning Communities into other Websites?

For years, I have been trying to figure out the best way to embed my Community into other websites.  However, Ning "frame busts" so when you normally Iframe your Ning site into other websites, it will not show because it is blocked.

Low and behold, I

Add a Cool Editable Letterboard to your Ning Community

Just an easy little plugin to add anywhere inside your community in an HTML module:.

Example links to a Codepen to play around with it.

Simply open up a HTML module in the backend or in a Group backend.   Paste the following into the HTML view of the e

69 Tips for your Ning 3 thanks to John Bizley

Some time ago Mr. John Bizley   kindly shared some amazing tips and every time I start a new project I turn to them for inspiration. I hope it can help or inspire you as well.

Why 3.0?

Hello, Fellow Creators and Ning Techs,

So all these years, I have heard how GREAT 3.0 is and I should absolutely upgrade from my 2.0 to a 3.0!

Well, I did that! The Merge which I was told would be very simple and quick!  WAS neither simple or quick! I

FONT size

Hello Ning Creators,

Does anyone know where they hid the adjustment for font size for general posts... it is set at 10 pt-- same as this page!

As the original poster, one can change the font in the editor but replies cannot be adjusted...I have mostl

Silly Simple Solutions #5: Inject Youtube Subscribe Button under Videos in Ning

So let's say you have a Youtube Channel for your community and you have a Lot of Videos embedded by members throughout your community.  Let's also say that you are trying to get your subscriber numbers up so that you can monetize your Youtube Channel

Link to Profile Page

Hi,

I would like to include a link in our newsletter that takes members directly to their individual profile pages.

For example: 'Is your profile page still up to date ? Click HERE and check now !'

Is there a way to do this ?

Best regards,  Marco.

Tip: Add Title Tool Tip For Online Members

Ok so we now have the little green dot to show if a member is online, unless you tell your members what this means they may just see a little green dot and not know what it is for. Normally with something like this a title would be added to it in the

"Duh" Tip! 😲 Creative Uses for Photos In Ning Communities

You're gonna say "Duh....why didn't I think of that?"

The truth is... the Photos feature in Ning is by far one of the most powerful tools in your community arsenal and I'm going to tell you why: 

The description area is an amazing opportunity to get cr

Tip: Adjust the CSS Box height in design studio

If you use the css section quite a bit like I do you may find the box a little limited in it's height to work with so here is some code to make it bigger you can also adjust the font size as well if needed.

Add this to your custom css, you can adjust

Tip: Resize your Social Channels Video

Ning have changed the layout for the social channels and so we have a small video in the middle of the screen so here is a tip to make the video full screen

Example here: https://jr-images.ning.com/katkam-social-channel

Just add this css to your design

Paying for a replay on a video or photo? Ning 3.0?????

for the replay option on a video photo blog or discussions Ning Agent says I have to pay an additional fee ... ???

Tip: How I added Music To A Page

As there is no Add Content for the music to be added into a module on a page we can do so by iframing a page into a html module on a page.

You can see I added one here : https://jr-images.ning.com/

First we add some css to our design studio custom css

/

Tip: How To Remove Certain Awards So You Don't Have To Show Them All

Hmm bit of a hard title to describe this but let me explain

So far as I can tell we have a list of achievements from 1 to 9 but if you only want certain ones to show you still have to have them all show as you cannot pick and choose which ones you wan

NEW GAMES OF THRONES THEME ADDED FOR PROFILE THEMES

You can also check it out here: https://jr-images.ning.com/members/bizz

If you would like to be able to try out this feature on my site and be able to see some of the other tips as I add them, as I tend to add the tips to my site then post them on cre