Joy
(@joyously)
You can add CSS in the Customizer > Additional CSS option.
To affect all tables, you would code an outside border like:
table {border: 1px solid}
which would use whatever the current text color is set to. Or you can put the color, if you want.
To affect only that table, you need to select it in the editor and then in the sidebar, open the Advanced section and add the class name. For a class name example, the CSS would be
.example {border: 1px solid}
Note the leading dot, which indicates a class.
To put the border on each cell, you would use td instead of table, or to make it only this table, .example td.
Hi @joyously, thanks for your response! I was able to figure out the first part where you mention outlining all tables on the website, but I’m not following how to outline just the table on the page I’ve linked. I think I’m getting confused with the class name and how that comes into play.
Joy
(@joyously)
If that’s the only table on that page, you can use one of the page-specific classes on the <body> tag of that page. You can find these classes by using your browser Developer tools when you are viewing the page.
Or you can select the table in the editor and use the Advanced option in the sidebar to add a class to the table.
Either way, you would add your CSS as I said before, using a leading dot on the class name.
For the body class, it looks like .page-id-170 table {border: 1px solid}
and for the table with a class like .example {border: 1px solid}
OH I see, you need to first identify the CSS code with Appearances, then on the page/block itself you’d list the class used in the aforementioned code. Thank you @joyously!
