Customize the website with Branding Themes

​You can enable/disable new navigation from a user drop-down located on the right top.If you're a space owner, you can change the appearance of your space by going to the Admin Tab and clicking on Appearance. If you're a portfolio manager you can also apply custom CSS to the entire portfolio by visiting the Admin tab and clicking on Branding.

New Navigation

Set a color for the header background

.navigation,
.portfolio-navigation {
  background: #2E4B73;
}

Set a color for the brand header background

#header.brand-header .header-custom-banner {
  background: #455464;
}

Set a text color for brand name

#header.brand-header .header-custom-banner a {
  color: #DEDEDE;
}

Set the text color for navigation items:

.navigation .nav-item a,
.navigation .nav-item .nav-text {
  color: #CCCCCC;
}

Old Navigation

Set a color for the header background:

#header-w,
#header-w.portfolioHeader {
  background: #2E4B73;
}

Set a color for tools menu background:

#main-menu-w .s-col-12,
#main-menu-w.portfolioMenu {
  background-color: #2E4B73;
}

Set colors for tools menu tab:

ul#main-menu .tab a:link,
ul#main-menu .tab a:visited,
.portfolioMenu ul#main-menu li a {
  background-color: #455464;
  color: #fff;
}

Set colors for tools menu current tab:

ul#main-menu .current a:link,
ul#main-menu .current a:visited {
  background-color: #fff;
  color: #000;
}

Set colors for tools menu more tabs:

ul#main-menu #more-tab > a:link,
ul#main-menu #more-tab > a:visited {
  background-color: #455464;
  color: #fff;
}