How to Remove the Billable Option from the Add Time Lightbox

Some customers have asked if it’s possible to remove the billable option when adding new time entries. The goal is to prevent users from changing the billable status from its default setting. For example, on billable projects, they want to ensure users can’t uncheck the billable option and accidentally save the time as unbillable.

At Intervals, we designed our platform to be flexible, allowing users to log both billable and unbillable time on billable projects. While we haven’t built-in restrictive features for this, there is a simple workaround for those who want to prevent changes to the billable setting during time entry.

 

Steps to Hide the Billable Checkbox:

1. Log in to your Intervals account
2. Navigate to ⚙️ > Settings & Defaults
3. At the bottom of the right-hand column, click Advanced Theme Editor.
4. In the text box, enter the following CSS code:
   .tingle-modal input[type=checkbox][name=f_billable]:not([data-billable-prefilled]) { display: none; }
5. Click Apply Custom CSS to save your changes.

This will hide the billable checkbox when adding time. The billable status will still be inherited from the project where the time entry is created, though the “Billable” label will remain visible.

Important Notes:

• This customization only affects the “Add Time” lightbox. The billable checkbox will still appear when editing existing time entries, allowing you to make adjustments as needed.
• This customization hides only the checkbox, not the “Billable” label.
• If you’d prefer to hide the checkbox even when editing time, use this alternate CSS code:
  .tingle-modal input[type=checkbox][name=f_billable] { display: none; }

Reverting the Changes:

To undo this customization, simply remove the CSS code from the Advanced Theme Editor and click Apply Custom CSS. This will restore the default Intervals appearance.