- \n
- Put the curser where you would like the table to go<\/li>\n
- Click the Table icon from the Toolbar<\/li>\n
- Hover over Insert table<\/li>\n
- Hover over the amount\u00a0of table cells you would like and then click<\/li>\n<\/ul>\n
![\"table01\"](\"https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/table01.jpg\")
<\/p>\n<\/p>\n
The table will then appear with the amount of cells you selected.<\/p>\n
![\"Screen](\"https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Screen-Shot-2016-02-25-at-11.03.49-AM.png\")
<\/p>\nAdding content to your table<\/h3>\n
- \n
- Put the curser in the table cell you want the content to go and start typing or click the Add Media button to insert an image.<\/li>\n<\/ul>\n
Note<\/strong>: if you hit the return button while in a table cell it will auto create a paragraph style so you might notice the font size change. If you would like to match the other styles to this you can select them and change their style to a Paragraph.<\/em><\/p>\n
Adding a background color<\/h3>\n
- \n
- Select the table cells you would like to change the background color<\/li>\n<\/ul>\n
![\"Screen](\"https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Screen-Shot-2016-02-25-at-11.16.03-AM.png\")
<\/p>\n- \n
- Then click the Table icon and select Cell then Table cell properties<\/li>\n<\/ul>\n
![\"Screen](\"https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Screen-Shot-2016-02-25-at-11.16.54-AM.png\")
<\/p>\n- \n
- Click the Advanced tab<\/li>\n
- Click on the square next to the Background color and select the color you would like<\/li>\n
- Then click OK<\/li>\n<\/ul>\n
Note<\/strong>: You will need to stay within the WOU Guidelines – if you want to use a red background color type\u00a0#db0a29 to\u00a0get the WOU red.<\/em><\/p>\n
![\"table02\"](\"https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/table02.jpg\")
<\/p>\nYou will notice the color of font will stay black so you will need to select the font and change it to white if you changed the background to a red so you can read it.<\/p>\n
- \n
- Select the font<\/li>\n<\/ul>\n
![\"Screen](\"https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Screen-Shot-2016-02-25-at-11.30.22-AM.png\")
<\/p>\n- \n
- Click on the Text color icon from the Toolbar and select white.<\/li>\n<\/ul>\n
![\"Screen](\"https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Screen-Shot-2016-02-25-at-11.31.04-AM-1.png\")
<\/p>\n\n\n
\n Header 1<\/span><\/td>\n Header 2<\/td>\n Header 3<\/td>\n<\/tr>\n \n Content<\/td>\n Paragraph<\/p>\n content<\/td>\n
Content with paragraph style<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n [fruitful_sep]<\/p>\n
Make table viewable on a mobile device<\/h3>\n
When adding a table to your site you will need to make sure that you put the code around it so that when it is on a mobile device people will be able to scroll horizontally and view it.<\/p>\n
<div<\/span> class=<\/span>\"table<\/span>-responsive<\/span>\"<\/span>><\/span>\n <table<\/span><\/span> class=<\/span>\"table<\/span>\"<\/span>><\/span>\n ...\n <\/table<\/span>><\/span>\n<\/div>\n\n<\/span><\/code><\/pre>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
Tables Inserting a table Put the curser where you…<\/p>\n","protected":false},"author":1591,"featured_media":0,"parent":23847,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"splash-page.php","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Tables - WordPress Support","_seopress_titles_desc":"Learn how to create, style, and manage tables in WOU WordPress. Follow this guide to insert accessible, responsive tables using the block editor.","_seopress_robots_index":"","_lmt_disableupdate":"","_lmt_disable":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-24265","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/users\/1591"}],"replies":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/comments?post=24265"}],"version-history":[{"count":6,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24265\/revisions"}],"predecessor-version":[{"id":25188,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24265\/revisions\/25188"}],"up":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/23847"}],"wp:attachment":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/media?parent=24265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Click on the Text color icon from the Toolbar and select white.<\/li>\n<\/ul>\n
- Select the font<\/li>\n<\/ul>\n
- Then click the Table icon and select Cell then Table cell properties<\/li>\n<\/ul>\n
- Select the table cells you would like to change the background color<\/li>\n<\/ul>\n
- Put the curser in the table cell you want the content to go and start typing or click the Add Media button to insert an image.<\/li>\n<\/ul>\n