Tooltip customization

  • Resolved Kyle Van Deusen

    (@skvandeusen)


    3 years, 11 months ago

    I have a dark theme website and the tooltip is showing really light grey text on a white background. I tried my best to find out how to target the right thing and create some CSS to fix it, but I’m not having any luck.

    Is there a way we can style what the tooltip looks like?

Viewing 2 replies - 1 through 2 (of 2 total)
  • chrismalone617

    (@chrismalone617)

    3 years, 8 months ago

    Did you fid a solution to this? I am needing to style the text.

    mrwweb

    (@mrwweb)

    3 years, 5 months ago

    @skvandeusen @chrismalone617 The tooltip is inserted as the last element in the body and uses a number of inline styles. I do not like my solution, but this should work so long as the plugin doesn’t change the tooltip styles:

    body > div[style*="z-index: 999;"][style*="padding: 5px 10px;"]:last-child {
	background: goldenrod !important;
}

    I test for the presence of a couple styles to try to avoid accidentally styling a different part of the DOM or something else inserted in the same way like a modal.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Tooltip customization’ is closed to new replies.