How to add styling to tables

When you first add a table to a text module, it is plain without styling. 




To add styling, you will need to edit the settings of the table.

  1. Highlight the cell(s) you want to style, and right click
  2. Click Cell --> Cell properties --> Advanced
  3. Use the 'Style' field to add CSS styling such as background colour, border colour and border radius.


Which style properties can you use? 


How to write the styling properties correctly in the table 'Style' field

  • Write each property on a single line, separated by semicolons.
  • The styling we used in the video above was for example as follows: width: 182.198px; background-color: #d98921; border-color: #ffffff; text-align: center; border-radius: 10px;


Four common CSS properties for tables:

  • background-color
  • border-color
  • border-radius
  • box-shadow


Example of how to use these properties:

  • background-color: #d98921;
  • border-color: #ffffff;
  • border-radius: 10px;
  • box-shadow:5px 10px #888888


How to find colour codes such as #d98921

You can use online colour pickers to find a colour you like, as well as its code. You can for example use this colour picker.



Was this article helpful?
0 out of 0 found this helpful