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

To view the codes in action, click here
All CSS styling codes on this profile, were added using the profile text box.

The CSS HTML is now added with a button just click the "add CSS code" button in the upper left-hand corner of the editor. You must be in HTML mode for the button to add the CSS HTML.

When your members add or modify the CSS in the text box and hit save it updates automatically.
If your members remove any CSS it is necessary to refresh the page to apply the removal of the CSS.

 

<!-- Members textbox add CSS v5 part 1 -->
<!-- Custom code head code box -->
<style>input.button.addcss, .GC_CSS {display:none;}</style>

 

<!-- Members textbox add CSS v5 part 2 -->
<!-- Custom code End of Page Code box -->
<script src="https://bit.ly/2Heq19O" type="text/javascript"></script>





Your members can use HTML mode to add their CSS or if they want to use visual mode in the text editor to keep their css codes separated and easy to find and manage.

 

 

Helpful hint for Google Chrome users in visual mode.

First paste your CSS as plaintext into visual mode, highlight and copy the CSS now you can paste it into the CSS divide and save. See image below.

Members_textbox_add_CSS_v5.js

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

          • I am dumb I was putting the code in the wrong spot xD I got it working now but omg I love that feature thank you so much for sharing it! :) 

          • Hey George, It worked before and then now I am finding out it stopped working. Ning must of changed something.If you look at your HTML button in the gif image and look at the HTML button now, it is not the same anymore so I am thinking that is where the problem is. Can you please update your code!? This time if you can let the users add their profile css through their profile question because templates like myspace popup ad was blocking the wording edit text and it was impossiable to click on it to update the template. 

  • Good Day I hope you are well!

    I was wondering if you had a link to the codes for: How members can change their backgroud images, and how they could even change their color schemes on their pages?

    Thank you,

    Lindsay

    • Hi there Lindsay. Usally members can use myspace profile templates for their profile. Hopefully I answered your question  :) 

    • Hi there!

      You can add a Member customizable HTML box to "My Profile" page and your members will be able to put there CSS in order to customize their page and change the background in particular. 

      Best regards,

      The NING Team

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

LEO Mobile App Builder updated their profile
Tuesday
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
Aase Lillian and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
⚡JFarrow⌁ updated their profile photo
Mar 18
⚡JFarrow⌁ replied to Aase Lillian's discussion
Community - activity page
"Yes you can add emojis to your community pretty much anywhere you like.
If you need some help…"
Mar 18
Aase Lillian updated their profile
Mar 18
Aase Lillian posted a discussion
Hi all. Is it possible to add emojis to the community? I also wish the activity page to include…
Mar 18
Donna MacShoe updated their profile photo
Mar 6
Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
More…

Meanwhile, you can check our social media channels