By default, text boxes are transparent (no visible background), but you can change this one of two ways:
- Use a custom HTML block to change the background color of the text box, or
- Layer a shape or icon behind the text box
Change the background color of an HTML block
Add an HMTL block from the Interactive section of the left sidebar.
Double-click on the HTML box or click "Edit HTML" in the top toolbar.
Click the Settings tab in the Edit HMTL panel.
Under the Background Color heading, change the color and opacity of the background of the text box.
You can also edit the appearance of the text using the controls under the Font Options and Line Options headings.
Layer a shape or icon behind the text box
Add a text box to the design canvas.
Under Shapes and Lines in the left sidebar, select a shape to put behind the text box. Add the shape to the canvas, and resize it to fit over the text box.
Use the Layering tools to move the shape backward, behind the text box.
You can use the Color Tool to adjust the color, opacity and the fill of the shape.
Curious about upgrading? Compare our plan features side by side.