Ning Help Center
  • Home
    • Looking for the Ning 3.0 Help Center?
  • Starting
    • Creating a Network
    • Custom Domains
    • Social Sharing
    • Making Money
    • More >
  • Features
    • Activity Feed
    • Chat
    • Events
    • Forum
    • Groups
    • Photos
    • All >
  • Design
    • The Design Studio
    • Customize Main Page
    • Standalone Pages
    • All About Tabs
    • Developer Mode
    • More >
  • Members
    • Welcoming Members
    • Admins & Roles
    • Members & Privacy
    • Member Profile Pages
    • Paid Access
    • More >
  • Trouble?
    • Troubleshooting
    • Billing Issues
    • Safety Center
    • Contact Us

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

Twitter Facebook
quotes

The Design Studio

Posted by erics
Share
Tweet

Walkthrough video of the Design Studio

Use the Design Studio to customize your site appearance. Select a theme, insert your header or background image, have two columns instead of three — plus lots more if you know some CSS.

  • Themes
  • Layout
  • Customize
  • Advanced

Frame Right The Themes panel includes a growing collection of themes that can be applied to your network. Clicking on a theme will give you a live preview of what it would look like on your network. This panel also includes up to 50 of your last published themes in the My Themes section. You should also have a “Classic” theme available if you want to revert to the Classic Appearance Editor.

Frame Right The Layout panel provides you with eight different arrangements to apply to your network. You can choose 2 or 3 columns, sidebar positioning, and even where the navigation shows up — above or below the header. [Note: The Layout panel in the Design Studio controls the layout of your entire site. The Features Layout controls the content on the Main Page.]

Frame Right The Customize panel is where you can tweak details like header images, module background colors and font styles. If you need to change a color of something, this is the place to look. Most people start here when they want to create a custom header or change the background image for their entire site.

Frame Right Available for Ning Plus and Pro, the Advanced panel has two tricks up its sleeve: a place to Add Custom CSS, as well as an option to go into Developer Mode, where you can completely rework the theme you’ve selected. You can even create your own theme if you have the skills. Warning! If you don’t have advanced CSS skills, you could find yourself Getting stuck when using CSS!

Always use your test network when experimenting with custom code or adding third-party widgets that were not made by Ning! It also never hurts to back up your custom code in a text file — whether you’re a pro or a beginner.

Before the Design Studio existed…

If you’ve been with Ning for a long time, you may remember the Classic Appearance Editor. We don’t offer the Classic Appearance editor for new Ning Networks anymore (frankly, we don’t think it’s nearly as good as the Design Studio!), but if you’re looking for information about it, you can read about it here.

Looking for design info about your members’ profile pages? Check out MyPage Design Options.

Similar Articles:

  • Introduction to the Design Studio
  • Customize Your Network’s Appearance with the Design Studio
  • Advanced Designs and Developer Mode
  • Change the Appearance of Your Network With the Classic Appearance Editor
  • Using Images as Backgrounds of Pages and Modules
  • Customize Your Network’s Media Players
  • How to Make a Custom Header

Tags: appearance, CSS, customize, design, header
 

Welcome to Ning 2.0!

This Help Center is for Ning Networks that were created before March 11, 2013. Click here for Ning Networks that were created on or after March 11, 2013 .

Find by Feature

Activity Feed
Add-Ons
Badges
Birthdays
Blog
Chat
Events
File manager
Forum
Gifts
Groups
Invitations
Language Editor
Leaderboards
Messages
Music
Ning Apps
Mobile Version
Notes
Pages
Paid Access
Photos
RSS
Social Sign-In
Text Box
Videos
All Features

Troubleshooting?

Billing Issues
Browser Issues
Domain Mapping Issues
Email Notifications / Invitations
Facebook Sharing App Issues
Facebook Sign In App Issues
Loading Issues
Missing Features and Options
Missing or Deleted Main Page
Ning App Issues
Sign Up / Sign In Issues
Tabs, Pages & Our Apologies
Twitter Issues

Most popular articles

  • Use Your Own Custom Domain
  • Supported Browsers
  • Troubleshoot Browser Related Issues
  • Transfer Ownership of a Ning Network
  • Archive Your Network’s Content
  • Take a Screenshot to Record What You’re Seeing
  • Troubleshoot Domain Mapping Issues

best practices

Whether you’re just getting started or your Ning Network is already up and running, everyone can use a healthy dose of new ideas. We’ve put together some Best Practices studies with examples of how other Ning Networks get people excited and involved. Check them out!

creators

Need some advice? The Creators Network is our customer community, and it’s chock full of interesting tips, ideas, and people who are doing just what you’re doing — building something creative on Ning. All Network Creators and admins are welcome. Join us!

Creators Announcements

  • Site Manager Updates for Ning 3.0 Networks
  • Watch the Webinar: Content and Community with Richard Millington
  • Mini Release: CSS classes and bug fixes
  • Ning Spring Cleaning Begins This Week
  • Watch the Webinar: How to Convert Newcomers Into Active Members.

inspiration

If you’re brainstorming about how to best build and grow your network, browse through some of these outstanding examples of popular social websites. Get inspired!

Ning Platform Status

  • All systems go!
  • Intermittent errors on a cluster of networks [Resolved]
  • Intermittent errors on a cluster of networks