Add a Background Image to a Tip

You can add a background image to a tip by using some CSS tricks.

  1. Open the source editor in order to change the raw HTML of the tooltip.
  2. Surround the part that you want to add a background to with a <div> tag.
  3. add the following style attribute to the div tag
    style="background-image: url(image.jpg); background-size: cover;"

See example below.

<div style="background-image: url(//d2p93rcsj9dwm5.cloudfront.net/static/tipcms/img/LOGO.png); background-size:cover;"><p>This text will have a background image</p></div>