1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Tooltip styling

qiurental free asked 6 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 commented 6 years ago

Could you please provide us a screenshot?

qiurental free commented 6 years ago

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

Bartłomiej Malanowski staff answered 6 years ago

Here's the code to change the color of the arrow: 
.bs-tooltip-top .arrow::before {
  border-top-color: red;
}
Write
Create snippet
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
  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags
About author
qiurental
0Support score
1Questions 0Answers 0Snippets