Tooltip - Styling

PHOTO EMBED

Fri Dec 17 2021 08:12:32 GMT+0000 (Coordinated Universal Time)

Saved by @jackie #tooltip #info #header #java

/* ----------------------------------------
Note: any modifications to these styles will be global 
---------------------------------------- */
.tippy-box {}
.tippy-content {}
.tippy-arrow {}

/* ----------------------------------------
You can also apply tooltip css overrides on the INTERIOR of your tooltips. Note: results may sometimes be unpredictable 😡
---------------------------------------- */
.tippy-box .style1 {
  font-family: courier;
  color: #0066FF;
  padding: 15px;
  display: inline-block;
}
content_copyCOPY

This styles the tooltip hover on hyperlink.

https://www.ben-willenbring.com/willenblog/adding-tooltips-on-squarespace-with-popperjs