Workstack allows you to customize the look and feel of the interface to match your organization's branding.
However, before you get started you'll need to know (or at least know someone else) who knows CSS and web coding.


Customizing the CSS

You can either change the look of your own Workstack interface or if you are the account owner you can change the look and feel for everyone in your team.

Changing the interface for the entire team

There is an input field named Custom CSS that the account owner can access via Team Settings > Preferences. This field allows you to write your own CSS code to style the Workstack interface for the entire team.

Changing the interface for yourself only

Alternatively you can just style your own interface using the Custom CSS field found in your Personal Settings > Preferences.

Example Code

The example customized interface shown at the top of this page uses the following CSS code.

----------------------------------------------------------
#team-menu {
    background: #503638;
}
#team-menu-zoom-slider {
    background-color: rgba(0,0,0,0.6);
}
#team-menu-zoom-slider .ui-slider-handle {
    background-color: #7f5e61;
}
.cube-off {
    background: #503638 url(http://stylemba.net/wp-content/uploads/2012/04/Nike-Golf-Square-Logo-300x300.png) no-repeat;
    background-size: 100%;
}
.cube-on {
    background: #503638;
}
----------------------------------------------------------


Things to remember

Every time you make a change to the CSS code you will need to refresh the browser in order to see the changes take effect.

Custom CSS only changes the front-end interface of Workstack and does not style the admin screens.

Did this answer your question?