Support Centre

Search

Edit a basic table's colors and fonts

Renée Meloche
Renée Meloche
  • Updated
A banner displaying the availability of the features described in this article, which are available on Venngage Free, Premium, Business and Enterprise plans.

 

Customize your basic table to fit the style and visuals of your design, and display your data in an eye-catching way.

Click into, or select, any cell in the table to activate the tools in the top toolbar.

The table styling toolbar, from left to right: Font face picker, font size picker, Bold, Italic, Underline, Font color picker, Text alignment, Cell alignment, Line spacing, Numbered list, Bulleted list, Hyperlink text, Cell background color picker, Cell border color picker.

These include: 

  • Font face
  • Font size
  • Font style (Bold, Italic, Underline)
  • Font color
  • Font alignment
  • Cell alignment 
  • Line height
  • Bullet point list or numbered list
  • Link text
  • Cell background color
  • Cell border color

Add or edit text

Type text into a cell directly: click on the cell and type with your keyboard.

Paste values into a table from an external source, as in the GIF below, with Ctrl + V (Windows) or Cmd + V (Mac).

A user clicks into the top-right cell of a table with three columns and four rows, and pastes text into the table, filling each of the cells with text.

 

Hyperlink text in a table by selecting the text you want to hyperlink. You can link to a web address (URL) or another page in your current design.

Click the link icon in the top toolbar, and type the URL address into the field that appears and hit "Enter", or click on the name of the page in your design.

The text will be reformatted with underline to show the link is active.

Select the text again to remove or edit the link: click on the link icon in the top toolbar and type in a new URL, or click the 'x' at the right end of the text field to remove the link.

A user selects the text in the cell of a table on a design canvas in the Venngage editor. With the text selected, the user clicks the link icon in the top toolbar, and types in a URL as described above. The text is underlined when the link is activated.

Change font size, style, type and weight

Select the text or value in the table by clicking into the cell to activate the cursor and highlighting the text/value, or triple-click into a cell to select the contents.

Use the top toolbar tools that appear when you select the values or text you want to modify.

A user selects the top row of a basic table in the Venngage Editor (three columns). They use the font face picker menu to change the font face, then the color picker to change the color of the font, then the size picker to make the font larger, and finally clicks Bold to change the style.

 

The top toolbar lets you customize these parts of your table:

  • Font face, size, style (Bold, Italic, Underline) and alignment (Left, Center, Right, Justified)

  • Cell alignment (Top, Middle, Bottom)

Add a bulleted or numbered list or adjust the spacing of multiple lines of text in a cell from this toolbar.

A user selects the text in the middle cell of the table. They change the alignment of the text from Left to Center, using the drop-down menu. Then, they change the Cell Alignment from top to middle, so thgat the text appears in the exact center of the cell.

Change background (cell fill)

Select the cell(s) you want to change the background color of. You can do this either by clicking into them or triple-clicking to select the enter cell.

Click the Background Color icon. This tile appears in the top toolbar as a square the same color as the cell background.

Use the color picker to select a new color, or enter the HEX code of the color you wish to use, or select a color with the eye dropper.

A user select the top row of a table (three cells). They click the solid square color picker in the top toolbar and change the color of the cells from dark blue to light blue.

Change cell border color and width

Select the cell(s) you want to change the border color of, by clicking into the cell or triple-clicking the cell to select it.

Click the Border Color tool (next to the solid square icon that lets you pick the cell background color) icon to open the color picker.

Select the new color from the color wheel, enter the color's hex code, or use the eyedropper tool to pick a new color.

A user clicks into a cell in a table. They click the Border Color icon in the top toolbar to open the Color Tool widget. Using the color picker wheel, the user chooses a bright pink color, then closes the Color Tool widget. On the canvas, the border of the cell the user clicked into has been changed to the same bright pink.

 

Change the border width of cells from this menu as well. Select the cell you want, then open the color picker.

Move the width slider to make them thicker or thinner.

A close-up of the Color Tool widget, as it appears in the Venngage Editor. At the top of the widget, above the color wheel, a slider with the heading 'Width' is highlighted by a red frame. This slider allows the user to increase or decrease the width of the table's cell borders.

Use these tools to customize your basic tables and match them to your overall design!

 

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.

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request