Multiple options to style your tooltip
Background colorLorem ipsum dolor sit amet
FontLorem ipsum dolor sit amet
PaddingLorem ipsum dolor sit amet
BordersLorem ipsum dolor sit amet
Border radiusI have a border radius set to 10px for all my corners
Drop shadowI have a shadow
Arrow
Disable arrowI have no arrow
Arrow widthMy arrow has a width of 20px
Arrow heightMy arrow has a height of 12px
Width and height
Set your own static width, max width or even max height for big texts that you want to add a scrollbar.
Max widthI have a max width equal to 200px. This option controls, how the big sentences are being wrapped.
Fixed widthI have a 400px fixed width
Max heightI have a max height of 500px.
This way you can add scrollbar to really big texts.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor dolor pulvinar sem imperdiet, aliquam malesuada velit tempus. Vivamus mattis odio ut elit fringilla gravida. Maecenas cursus turpis eros, sit amet fringilla tellus pulvinar quis. Phasellus aliquam turpis quis turpis laoreet, nec vestibulum magna tincidunt. Aenean suscipit, lectus et ullamcorper vehicula, arcu enim hendrerit risus, at interdum orci ligula sit amet felis. Proin sit amet cursus nulla, vitae feugiat leo. Vivamus non fringilla erat. Nullam leo massa, blandit dignissim elit id, bibendum tristique metus. Donec at laoreet purus.
Nulla tincidunt odio ac nisl viverra egestas. Cras dui nibh, eleifend vel ipsum vitae, lacinia laoreet justo. Proin risus purus, mattis sed efficitur a, interdum ac sem. Morbi consequat erat eu mauris aliquam, a imperdiet sapien suscipit. Proin faucibus euismod lacinia. Cras vestibulum scelerisque purus, vel scelerisque metus suscipit a. Donec scelerisque ut lectus id mollis.
Morbi sapien sem, tempor mollis nisl non, venenatis ullamcorper tortor. Mauris luctus dictum magna, vel tempus felis bibendum non. Vivamus pulvinar, mi vitae imperdiet ultricies, nisl diam viverra sapien, eget consequat turpis ex et massa. Nam est risus, fringilla nec eros non, gravida mollis risus. Fusce commodo, augue nec dignissim aliquet, quam arcu dapibus elit, ornare aliquam magna lacus eget mi. Sed facilisis elit sit amet leo commodo volutpat. Nunc pellentesque dignissim mi nec eleifend.
Proin molestie erat eget mauris luctus, sit amet pretium lacus aliquam. Vestibulum hendrerit mi lacus, eu dictum magna aliquet molestie. Praesent velit metus, tempus placerat augue sit amet, malesuada commodo velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum auctor quis orci in dictum. Donec porttitor eleifend nibh, sit amet ullamcorper neque finibus nec. Vivamus varius magna condimentum diam faucibus, vitae facilisis massa tempus.
Cras cursus quis lectus quis pretium. Pellentesque eget felis non ante laoreet consequat id vel ex. Fusce hendrerit blandit sem, blandit porta enim viverra sed. Mauris malesuada dolor sed nibh laoreet elementum. Pellentesque vehicula in dolor sit amet pulvinar. Nullam viverra erat quis ex placerat, non volutpat lectus tempor. Ut sagittis est mauris, nec eleifend velit elementum in. Donec lorem nisi, mattis eu accumsan a, consequat non sem. Ut scelerisque semper pulvinar. Curabitur eu libero laoreet, sagittis ante id, posuere justo. Aenean elementum blandit felis ac rhoncus. Nam in nisl nec dui consequat iaculis vel ac ex. Vivamus fermentum dolor vitae neque tempus, eget aliquam mauris euismod. Donec luctus vehicula lobortis. Donec sem augue, faucibus ut finibus non, vulputate ut ex. Pellentesque molestie in nulla in tristique.
This way you can add scrollbar to really big texts.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor dolor pulvinar sem imperdiet, aliquam malesuada velit tempus. Vivamus mattis odio ut elit fringilla gravida. Maecenas cursus turpis eros, sit amet fringilla tellus pulvinar quis. Phasellus aliquam turpis quis turpis laoreet, nec vestibulum magna tincidunt. Aenean suscipit, lectus et ullamcorper vehicula, arcu enim hendrerit risus, at interdum orci ligula sit amet felis. Proin sit amet cursus nulla, vitae feugiat leo. Vivamus non fringilla erat. Nullam leo massa, blandit dignissim elit id, bibendum tristique metus. Donec at laoreet purus.
Nulla tincidunt odio ac nisl viverra egestas. Cras dui nibh, eleifend vel ipsum vitae, lacinia laoreet justo. Proin risus purus, mattis sed efficitur a, interdum ac sem. Morbi consequat erat eu mauris aliquam, a imperdiet sapien suscipit. Proin faucibus euismod lacinia. Cras vestibulum scelerisque purus, vel scelerisque metus suscipit a. Donec scelerisque ut lectus id mollis.
Morbi sapien sem, tempor mollis nisl non, venenatis ullamcorper tortor. Mauris luctus dictum magna, vel tempus felis bibendum non. Vivamus pulvinar, mi vitae imperdiet ultricies, nisl diam viverra sapien, eget consequat turpis ex et massa. Nam est risus, fringilla nec eros non, gravida mollis risus. Fusce commodo, augue nec dignissim aliquet, quam arcu dapibus elit, ornare aliquam magna lacus eget mi. Sed facilisis elit sit amet leo commodo volutpat. Nunc pellentesque dignissim mi nec eleifend.
Proin molestie erat eget mauris luctus, sit amet pretium lacus aliquam. Vestibulum hendrerit mi lacus, eu dictum magna aliquet molestie. Praesent velit metus, tempus placerat augue sit amet, malesuada commodo velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum auctor quis orci in dictum. Donec porttitor eleifend nibh, sit amet ullamcorper neque finibus nec. Vivamus varius magna condimentum diam faucibus, vitae facilisis massa tempus.
Cras cursus quis lectus quis pretium. Pellentesque eget felis non ante laoreet consequat id vel ex. Fusce hendrerit blandit sem, blandit porta enim viverra sed. Mauris malesuada dolor sed nibh laoreet elementum. Pellentesque vehicula in dolor sit amet pulvinar. Nullam viverra erat quis ex placerat, non volutpat lectus tempor. Ut sagittis est mauris, nec eleifend velit elementum in. Donec lorem nisi, mattis eu accumsan a, consequat non sem. Ut scelerisque semper pulvinar. Curabitur eu libero laoreet, sagittis ante id, posuere justo. Aenean elementum blandit felis ac rhoncus. Nam in nisl nec dui consequat iaculis vel ac ex. Vivamus fermentum dolor vitae neque tempus, eget aliquam mauris euismod. Donec luctus vehicula lobortis. Donec sem augue, faucibus ut finibus non, vulputate ut ex. Pellentesque molestie in nulla in tristique.
Position
Choose from 91 possible position places
Arrow position:
Tooltip position:
Click me to see the position set aboveMove me around using the dropdowns