How to add custom styling to your captions

You might want to change the background color or the font size of your captions, or add line breaks.

To change the appearance of your captions, you can:

    1
    Change some of the settings directly in the settings panel on the right-hand side of your visualisation. You can change the background and border color here, along with the opacity, the padding and the position of your captions.

    2
    You can also select to color any phrases matching category names the same as their bar. To do this, select "Text with colours".

    3
    To fine-tune your settings, you can add custom HTML to your captions. Make sure to switch to "HTML" in the Text settings to do so. Keep in mind that phrases matching category names won't automatically be colored the same in this mode – but you could add the HTML to color certain words manually.
    4
    If you've selected HTML, you can add HTML to your captions in the Captions tab. Click here to learn more about HTML style tags.

    <h1 style="font-size:150%;">Hi! 😊</h1>
    
    <p>I'm a very large caption with custom styling.<i> You can make me italic,</i> <span style="font-family:courier;"> mix fonts,</span> <span style="color:red;"> or colour me red.</span></br><b>Read on to find out how!</b></p>
    		

That's it!

Click here to duplicate the example visualisation.