Tooltip styling


Topic: Tooltip styling

qiurental asked 7 years ago

Hi,

May I how to style the small triangle arrow below the tooltips so that it has a white background and looks similar to the tooltip from Wikipedia?

https://en.wikipedia.org/wiki/Main_Page

Cheers,

Qi


Bartłomiej Malanowski staff pro premium commented 7 years ago

Could you please provide us a screenshot?

qiurental commented 7 years ago

Comparison between the wikipedia tooltip and my current tooltip in image link below: https://imgur.com/6Wl6GQa

Bartłomiej Malanowski staff pro premium answered 7 years ago

Here's the code to change the color of the arrow:
.bs-tooltip-top .arrow::before {
  border-top-color: red;
}

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes