Topics started by RebeccaSacks | XM Community

Topics started by RebeccaSacks

1 Topic

R
RebeccaSacks
asked in Custom Code

Display issues with tooltip container

Just going to preface this by stating that my html/css skills are admittedly subpar. Expected Behavior I want to display a question with a term underlined that can be hovered over to display a tooltip that offers a definition of that term. The question should look like: > Is there at least one Advisory Council within your children's hospital? I would like the tooltip to appear when hovering on "Advisory Council" and for that phrase to be underlined Code being used I have the following custom css ``` css /* Tooltip container */ .tip { position: relative; display: inline-block; cursor: help; color: black; float: left; border-bottom: 1px dotted black; } /* Tooltip text */ .tip .tipText { visibility: hidden; width: 80%; text-align: left; padding: .6em; padding-left: 1em; border: 1px solid [template("base font color")]; border-radius: 0.5em; background-color: #404040; color: #fff; display: inline-block; /* Position the tooltip text */ pos

0
cma
4 years ago

Productivity playlist

Terms & Conditions