Page History

...

As a CO administrator, visit Configuration > Themes.
Click Add Theme (or edit an existing theme).
Provide a name for your theme in the Name field, e.g. "Test Theme".

In the header, footer, and CSS fields provided, add the following content:

Code Block

language	xml
title	Example Markup for CO Custom Theme

<!-- example markup for your header field. Note that if you want the title to link to a specific CO, use the correct CO ID in the URL here. -->
<h1><a href="/registry/co_dashboards/dashboard/co:2">Custom Site Title</a></h1>
<img id="rainbow" src="https://upload.wikimedia.org/wikipedia/commons/d/d9/Rainbow_Emoji.png"/>


<!-- example markup for your footer field -->
<p>Footer is here.</p>
<!-- (Note that markup in the header and footer 
     is optional and depends only on your needs.) -->


<!-- some quick and dirty example styles for the CSS field -->
#banner { 
  display: none !important; 
}
#customHeader { 
  padding: 1em; 
  background-color: #1d7ab4; 
  color: white;
}
#customHeader h1 a { 
  color: white;
}
body.logged-in .mdl-layout__drawer {
  top: 97px; 
}
#top-menu a {
  color: white !important; 
}
#rainbow {
  position: absolute;
  right: -5px; top: -5px;
  width: 100px; 
}
#top-menu #user-panel a {
  color: #222  !important; 
}
#top-menu #notifications a {
  color: #06c !important;
}

Select the checkboxes to Hide Title and Hide Footer Logo.
Save your theme.

...

Space shortcuts

Page tree

Versions Compared

Old Version 20

New Version 21

Key