The Template.CSS files first line uses a wild card that applies to all the HTML elements on the page that aren't specified:
* (
margin: 0;
padding: 0;}
So you could add something like this to apply to all tables on your site:
th {
padding: 20px !important;}
td {
padding: 20px !important;
}
Or add a class to your table in the HTML such as <TABLE class="mytable"> and then use the following code that will specifically target that one table.
.mytable th {
padding: 20px !important;}
.mytable td {
padding: 20px !important;
}
As Mikek said though avoid tables on responsive sites if you can. They shouldn't really be needed anymore with proper coding techniques.
Regards,