Advanced theme editor tips & tricks

Intervals features an advanced theme editor that allows you to change the appearance by making additions to the stylesheets.  This allows you to add more personalized changes to the interface easily with the use of CSS. (See examples below screenshots)

To access this part of the application, you’ll need to be an administrator level user with access to Settings & Defaults. It can be found by clicking on Options > Settings & Defaults > Try the Advanced Theme Editor.

Advanced Theme Editor

 

Here are some easy, as well as complicated examples of how you can edit within the theme editor:

Get rid of a particular tab
Don’t use a part of the Intervals and want to hide a particular tab? The following code will get rid of a tab (we use Milestones as an example here, but you can change it to whatever you want). Note: this will only hide the tab; people with access to a particular area of the site can still access it if they know the URL.

#navCell a[href="/milestones/"] { display: none; }

 

Hide profile images throughout app

img.userThumb, img.userThumbFL, img.userThumbPLB, img.userThumbNPB, #dockProfile { display: none }

 

Hide all header alerts, for people who don’t use request queue and/or timesheets

#alertsToggle { display: none; }

 

Hide the footer dock

#dock { display: none; }

 

Minimize the height of the header

#brandCellLogo { display:none }

 

Hide deleted project and people links from the side bar on their profile pages:

#supportLinksSub a[href*="/projects/delete"] { display: none }
#supportLinksSub a[href*="/people/delete"] { display: none }

 

Videos

How to Personalize Intervals

How to Personalize Intervals
Running time: 5:08

Don't have an Intervals account? Start your own unlimited trial.

No credit card required. No software to install. Cancel any time.

Try it Free