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;"

Read more about configuration options for a background

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>

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.