Support Centre

Changing the color of text boxes

Gino B.
Gino B.
  • Updated

Available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

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

 

 

The feature(s) discussed in this article is available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

Curious about upgrading? Compare our plan features side by side.

Start designing!

Was this article helpful?

1 out of 3 found this helpful

Have more questions? Submit a request