title: Width and background color of ng bootstrap tooltip
body: <p>I need to modify the width of the tooltip box and the background of it too. How can I achieve it? I am using angular2 and ng bootstrap. </p>
  
  <pre><code>&lt;i class="fa fa-info-circle info-icon-background" [ngbTooltip]="tooltipContent" aria-hidden="true" &gt;&lt;/i&gt;
  </code></pre>
  
  <p>I have tried putting the following in my "task-modal.component.css" css file but it does not seem to work. Please help.</p>
  
  <pre><code>.tooltip-inner{
    width: 400px;
    background-color: #FFFFFF;
  }
  </code></pre>
  
  <p>In my angular component, I specify the css file as:</p>
  
  <pre><code>@Component({
    selector: 'task-modal',
    templateUrl: './task-modal.component.html',
    styleUrls: ['task-modal.component.css'],
    providers: [TasksService]
  })
  </code></pre>