Some years ago, I believe with Foundation 1, Joe gave me some code to style tooltips. I found this in W3Schools, it doesn't seem to work on Foundation 6.
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: red; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1;}
I am using the tooltip in the 'Enter Solution' button...
The red is to clearly distinguish with that of Joe, which is black.
I am currently testing in https://chess.semprun.net even though in this case I think the page is irrelevant...