Howe can I add a style/class to this Bootstrap Tooltip?

[toolman]

Hi there,

I’m trying to add a class to this Bootstrap tooltip, but Can’t work it out, I’ve tried the following:

<a href="#"  class="top-menu-call hours" data-toggle="tooltip-call" data-placement="bottom"  data-html="true"  title="title">my tooltip</a>

CSS:

  .hours a + .tooltip.top .tooltip-inner  {
      background: #ff0000;
      font-size: 12px;
	font-family: "Lato",Arial,Verdana;
	width: 100px
  }
.hours a + .tooltip.top .tooltip-arrow{
border-top: 5px solid #ff0000;
}

Any suggestions?

Thanks

[PaulOB]

The ‘hours’ class is on the ’ a’ element and therefore should be a.hours not . hours a etc.

e.g.

a.hours + .tooltip.top .tooltip-inner {
	background: #ff0000;
	font-size: 12px;
	font-family: "Lato", Arial, Verdana;
	width: 100px
}
a.hours + .tooltip.top .tooltip-arrow {
	border-top: 5px solid #ff0000;
}