{"id":5749,"date":"2012-04-19T21:50:36","date_gmt":"2012-04-19T21:50:36","guid":{"rendered":"http:\/\/help-o.ning.com\/?p=5749"},"modified":"2019-09-03T14:09:45","modified_gmt":"2019-09-03T14:09:45","slug":"customize-your-ning-networks-appearance-with-the-design-studio-2","status":"publish","type":"post","link":"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/","title":{"rendered":"Customize Your Network&#8217;s Appearance with the Design Studio"},"content":{"rendered":"<p>Beyond just adding a new Theme and Layout, the Design Studio allows you to easily customize the look and feel of your Ning Network. To get started, click the Design Studio icon in the network bar, then click the &#8220;Customize&#8221; menu.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-5750 size-large\" src=\"https:\/\/www.ning.com\/help\/wp-content\/uploads\/customizepanel-600x438.jpg\" alt=\"Customize Your Network's Appearance with the Design Studio\" width=\"600\" height=\"438\" \/><\/p>\n<p>You&#8217;ll notice there are several different sections to play with. Each section controls the appearance of a different part of your network:<\/p>\n<ul>\n<li><strong>General:<\/strong> This section lets you modify body &amp; heading text, as well as page and canvas backgrounds and borders.<\/li>\n<li><strong>Header<\/strong>: The Header section is where you can\u00a0adjust your\u00a0network name and\u00a0tagline&#8217;s\u00a0font styles, and where to go to add your network logo image and header background.<br \/>\n<strong>The network logo refers to your header image. Adding a network logo image will remove your tagline automatically.\u00a0You can additionally add a background image to your network name or logo.<\/strong><\/li>\n<li><strong>Navigation<\/strong>:\u00a0The Navigation section includes options for adding text, background, hover options and navigation\u00a0tab background images.<\/li>\n<li><strong>Tabs<\/strong>: Change the default colors of the text and background of tabs and sub-tabs, as well as the colors these values change to when\u00a0moused over.<\/li>\n<li><strong>Links &amp; Buttons<\/strong>: This section allows for button, link, and icon customizations.<\/li>\n<li><strong>Modules<\/strong>: Head to this area to change your module body and header\u00a0font styles, colors, borders\u00a0and backgrounds.<\/li>\n<li><strong>Footer<\/strong>: This section lets you add images, borders, backgrounds and font colors\u00a0in the bottom of your network<\/li>\n<li><strong>Media Player<\/strong>: Use the Media Player section to adjust your Badge, Music and Video Players&#8217; text, player and playlist colors and add a\u00a0watermark to your embedded Media Players.<\/li>\n<\/ul>\n<p>For additional customizations, you can add CSS to the Advanced panel, or, if you are a designer and want to build from scratch,\u00a0you can switch over to the Developer Mode.<\/p>\n<p><strong>Please note that any customizations made in Developer Mode do not apply while in regular mode, nor do customizations you make to your network in the regular mode apply when using Developer Mode.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Beyond just adding a new Theme and Layout, the Design Studio allows you to easily customize the look and feel of your Ning Network. To get started, click the Design Studio icon in the network bar, then click the &#8220;Customize&#8221; menu.<\/p>\n<p>You&#8217;ll notice there are several different sections to play with. Each section controls the appearance of a different part of your network:<\/p>\n<p>General: This section lets you modify body &amp; heading text, as well as page and canvas backgrounds and borders.<br \/>\nHeader: The Header section is where you can\u00a0adjust your\u00a0network name and\u00a0tagline&#8217;s\u00a0font styles, and where to go to add your network logo image and header background.<br \/>\nThe network logo refers to your header image. Adding a network logo image will remove your tagline automatically.\u00a0You can additionally add a background image to your network name or logo.<br \/>\nNavigation:\u00a0The Navigation section includes options for adding text, background, hover options and navigation\u00a0tab background images.<br \/>\nTabs: Change the default colors of the text and background of tabs and sub-tabs, as well as the colors these values change to when\u00a0moused over.<br \/>\nLinks &amp; Buttons: This section allows for button, link, and icon customizations.<br \/>\nModules: Head to this area to change your module body and header\u00a0font styles, colors, borders\u00a0and backgrounds.<br \/>\nFooter: This section lets &#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[62,53,51],"tags":[90,965,23,89,91,524],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customize Your Network&#039;s Appearance with the Design Studio | Ning Help Center<\/title>\n<meta name=\"description\" content=\"Customize Your Network&#039;s Appearance with the Design Studio | Ning Help Center\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customize Your Network&#039;s Appearance with the Design Studio | Ning Help Center\" \/>\n<meta property=\"og:description\" content=\"Customize Your Network&#039;s Appearance with the Design Studio | Ning Help Center\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Ning Help Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ning\" \/>\n<meta property=\"article:published_time\" content=\"2012-04-19T21:50:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T14:09:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ning.com\/help\/wp-content\/uploads\/customizepanel-600x438.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@Ning\" \/>\n<meta name=\"twitter:site\" content=\"@Ning\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ning.com\/help\/#website\",\"url\":\"https:\/\/www.ning.com\/help\/\",\"name\":\"Ning Help Center\",\"description\":\"The place to look for help with the details of your Ning Network.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ning.com\/help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.ning.com\/help\/wp-content\/uploads\/customizepanel.jpg\",\"contentUrl\":\"https:\/\/www.ning.com\/help\/wp-content\/uploads\/customizepanel.jpg\",\"width\":\"615\",\"height\":\"449\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/#webpage\",\"url\":\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/\",\"name\":\"Customize Your Network's Appearance with the Design Studio | Ning Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/www.ning.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/#primaryimage\"},\"datePublished\":\"2012-04-19T21:50:36+00:00\",\"dateModified\":\"2019-09-03T14:09:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.ning.com\/help\/#\/schema\/person\/dec9bc9aa2d82cae488f9a48da93f231\"},\"description\":\"Customize Your Network's Appearance with the Design Studio | Ning Help Center\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ning.com\/help\/customize-your-ning-networks-appearance-with-the-design-studio-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ning.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customize Your Network&#8217;s Appearance with the Design Studio\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ning.com\/help\/#\/schema\/person\/dec9bc9aa2d82cae488f9a48da93f231\",\"name\":\"aaron\",\"url\":\"https:\/\/www.ning.com\/help\/author\/aaron\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/posts\/5749"}],"collection":[{"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/comments?post=5749"}],"version-history":[{"count":14,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/posts\/5749\/revisions"}],"predecessor-version":[{"id":10987,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/posts\/5749\/revisions\/10987"}],"wp:attachment":[{"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/media?parent=5749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/categories?post=5749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/tags?post=5749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}